Render props for the header column of Antd Table with TableRowSelection

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

Currently, for a table with rowSelection TableRowSelection, we have a props to customize renderCell which allow us to write our own checkboxes, however for the select all checkbox inside the header we do not have such an API to access it.

What does the proposed API look like?

maybe an attribute named renderHeader somehow inside TableRowSelection may fit the demand as above

[serhatyuna]

Any updates on this?

[gregor-mueller]

I’d also need to make use of this. Our goal is to change the props of the Checkbox (e.g. adding data-* attributes to it. It works perfectly fine for the checkboxes in the rows but for the header, it seems like I’m out of luck.

I’d be fine with either way:

1. both getHeaderCheckboxProps and renderHeaderCell being added just like getCheckboxProps and renderCell
2. columnTitle providing the default renderer as a parameter so that we can just inject props (like in renderCell, see below)

I am able to do this:

const rowSelection = {
    // .... other props,
    getCheckboxProps: () => ({
        'data-testid': 'selection-checkbox',
    }),
    renderCell: (_value, _record, _index, originNode) => ({
        props: { 'data-testid': 'table-row-selections-cell' },
        children: originNode,
    }),
}