Check all rows from header

[danisal]

Hi, is it possible to access the rowData and setRowData on the column header cell? I'm using a custom title component, CustomTitleComponent but I don't have the props out-of-the-box. Is possible to pass those to the component?

[nick-keller]

Hello @danisal ,
rowData is usually the data of the row, but in the case of the header it has no row. But you could pass the entire data to your header component (either by props, or using a context) to you'd be able to display things based on that.

[danisal]

My use case is to have a checkbox on a column header, in order to (un)check all row's checkboxes. Any tips/suggestions?

[nick-keller]

It should be pretty straight forward:

const [data, setData] = useState([])
const columns = [
  { title: <CheckBox onClick={() => setData(data.map(/* set value to true for each row */))} />},
  // ...
]

return <DataSheetGrid value={data} columns={columns} />