Column Header customization?

[Ben-CA]

Is there any way to customize column headers?

Such as if you want to add tooltips; with some grids this can be done with like "headerTooltip" in the column definitions.

Or even if you want to do custom CSS for particular column headers - is there a way to add a class to a specific column header?

[Ben-CA]

Discovered I can customize like this:

  {
    key: 'priority',
    name: 'Priority',
    renderHeaderCell: (props) => (<Tooltip title="Tooltip about priority" arrow><span>{props.column.name}</span></Tooltip>)
  },

This allows for adding a tooltip (using MUI Tooltip). You can also include the value like this:

  {
    key: 'priority',
    name: 'Priority',
    headerTooltip: 'Text goes here',
    renderHeaderCell: (props) => (<Tooltip title={props.column.headerTooltip} arrow><span>{props.column.name}</span></Tooltip>)
  },