Overview
The Data Grid comes with placeholder content slots that live within the contextual provider.
When provided, any component used for the slot will have access to the Data Grid context
via the useDataGridContext hook.
You can utilize a slot by adding the name of the slot as a property to the DataGrid component
and passing in the preferred ReactNode.
Data Grid Slots
- Toolbar: placed above the grid. Commonly used for global actions.
- Footer: placed below the grid.
Note
Remember that all slot positions are constrained to the dimensions provided by the parent component wrapping your Data Grid.
Slot Preview
In this demo we show the location of each slot provided for the Data Grid.
Loading example...