How To Change Ant Table Header Checkbox

I have a table in my application, where I use select for each row. When I click on and select row, on the top-left corner appears a checked checkbox. I don't want to display that

Solution 1:

We can set custom component to columnTitle inside props rowSelection of <Table />

Set the title of the selection column Type: string|React.ReactNode

Refer: document of Antd Table rowSelection

const rowSelection = {
  columnTitle: selectedRowKeys.length > 0 ? <div>XXX</div> : <></>,
  ...
}

<TablerowSelection={rowSelection} />;