Skip to content

GridToolButtons

Container component for toolbar buttons in DataGrid shell header.

This component renders a <tbw-grid-tool-buttons> element that gets slotted into the shell toolbar. Place your buttons inside.

<DataGrid rows={rows} gridConfig={config}>
<GridToolButtons>
<button className="tbw-toolbar-btn" title="Export CSV" onClick={handleExport}>
📄
</button>
<button className="tbw-toolbar-btn" title="Print" onClick={window.print}>
🖨️
</button>
</GridToolButtons>
</DataGrid>
GridToolButtons(__namedParameters: GridToolButtonsProps): ReactElement
NameTypeDescription
__namedParametersGridToolButtonsProps