### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests.
### className
- type: string
- description: Specifies a CSS class name to be appended to the component's root element.
- internal
### options
- type: TableListHeaderColumn[]
- description: `width` supports px/%/fr
`sortable`: Sets whether this field is sortable. If `true`, clicking the header calls `onSortChange`
`sortDescending`: Sets what sort icon to display in the column header. `true` shows an up arrow, `false` shows a down arrow, `undefined' shows no icon
`infoTooltipProps`: Props object for column header's [tooltip](/?path=/story/components-api-components--tooltip). Note: `dataHook`, `moveBy` and `children` won't be passed to tooltip.
### checkboxState
- type: "disabled" | "hidden" | "checked" | "normal" | "hasError" | "indeterminate"
- description: State of Checkbox rendered at first column. 'hidden' to not render it.
### reserveCheckboxSpace
- type: boolean
- description: Hides the checkbox without changing the layout when `checkboxState` is `'hidden'`. Used for aligning header columns with `TableListItem` rows that show a checkbox.
- default: false
### onCheckboxChange
- type: () => void
- description: Called when checkbox is clicked.
### onSortChange
- type: (colNum: number, nativeEvent: MouseEvent<HTMLDivElement, MouseEvent>) => void
- description: A callback function called on each column title click. Signature `onSortChange(colNum, nativeEvent)`
### skin
- type: "standard" | "neutral"
- description: A way to switch between neutral and standard on the TableListHeader instead of Table.
- default: 'standard'
### ref
- type: null | string | (instance: HTMLDivElement | null) => void | RefObject<HTMLDivElement>
- description: Allows getting a ref to the component instance.
Once the component unmounts, React will set `ref.current` to `null`
(or call the ref with `null` if you passed a callback ref).