How can we show filter Icon next to sorter icon in Ant Design Table ? Below is my column config, I have added custom filter icon like this, and on click of that I am opening a custom popup from where I display a table and from there I select the rows for filtering the data. That's why I have kept filterDropdownVisible as false.

Column Config:

{
            title: "Issuing Control ID",
            dataIndex: "controlId",
            key: "controlId",
            filters: [],
            filterDropdownVisible: false,
            filterIcon: (filtered: boolean) => (
                <MyCustomIcon onClick={() => setShowFilterModal(true)}  />
            ),
},

But the default behaviour of ant design is that it's showing the filter icon very far from the sorter icon and the title. So can we change that default behaviour to show the filter icon next to the sorter icon ?

Default Behaviour

Expected

Want the filter Icon next to sorter icon !