Breaking News: Grepper is joining You.com. Read the official announcement!

customize mui datagrid toolbar

Kind Kouprey answered on March 4, 2023 Popularity 8/10 Helpfulness 5/10

answer customize mui datagrid toolbar

customize mui datagrid toolbar

Comment

function CustomToolbar() {
  return (
    <GridToolbarContainer>
      <GridToolbarColumnsButton />
      <GridToolbarFilterButton />
      <GridToolbarDensitySelector />
      <GridToolbarExport />
    </GridToolbarContainer>
  );
}

// on rendered component set your DataGrid component
<DataGrid
  {...data}
  components={{
    Toolbar: CustomToolbar,
  }}
/>

// or

<DataGrid
  {...data}
  slots={{
    toolbar: CustomToolbar,
  }}
/>

Popularity 8/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: datagrid mui toolbar whatever

Link to this answer
Share Copy Link