Data Grid - Server-side filter

Filter rows on the server.

Filtering can be run server-side by setting the filterMode prop to server, and implementing the onFilterModelChange handler.

The example below demonstrates how to achieve server-side filtering.

<DataGrid
  {...data}
  rows={rows}
  filterMode="server"
  onFilterModelChange={onFilterChange}
  loading={isLoading}
/>

<DataGrid
  {...data}
  rows={rows}
  filterMode="server"
  onFilterModelChange={onFilterChange}
  loading={isLoading}
/>

Press Enter to start editing

API