GridCustomHeaderCellProps

The default children of the table cell.

The default column menu / filter button wrapper for the column.

null when the column has no column menu configured. Render this inside your custom header cell to preserve the built-in filter popup, column menu, and their keyboard and accessibility behavior.

The props of the Grid column menu wrapper.

The column field in which the cell is located.

The index of the column.

The click event handler of the cell.

The default column resize handle.

Render this inside your custom header cell (typically as the last child) to preserve the built-in column resizing behavior.

The selectionChange event handler of the cell.

The selectionValue event handler of the column in which the cell is located.

The default sort direction icon and sort-order badge for the column.

null when the column is not currently sorted. Render this inside your custom header cell to keep the built-in sort indicator without reimplementing sort icon rendering. The click-to-sort behavior remains attached to the onClick prop.

The props and attributes that are applied to the th element by default.

Use this property with the HeaderThElement component to preserve the built-in header cell behavior such as accessibility attributes, keyboard navigation, and column metadata.

For a usage example, see Custom Header, Footer, and Filter Cells article.

The title of the column in which the cell is located.

The default column title element (<span class="k-column-title"> with the column title text).

Render this inside your custom header cell to reuse the built-in title styling and the grouping-row text class instead of rebuilding the title span yourself. Combine it with additional custom content (icons, badges, etc.) to keep the default appearance while extending it.