Quickfilter component width with 100% - Material UI

Viewed 9

I'm learning to use Material UI for React js. I'm implementing the DataGrid control with the Quick filter option.

However, how do I make its width occupy the entire screen?

I didn't find in the documentation if this was possible. See attached image for better understanding.

Thanks!

<DataGrid
    components={{ Toolbar: GridToolbar }}
    componentsProps={{
      toolbar: {
        showQuickFilter: true,
        quickFilterProps: { debounceMs: 500 },
      },
    }}
  />

SampleImage

0 Answers
Related