Skip to main content
Refine AI
Version: 3.xx.xx

useDataGrid

You may use the useDataGrid hook to process your data with features compatible with the MUI X DataGrid and DataGridPro component. You can be used as an out-of-the-box feature without needing to do extra operations for sorting, filtering, and pagination.

Refer to the useDataGrid hook documentation for more information. →

With DataGrid Component

Run on your local
npm create refine-app@latest -- --example table-material-ui-use-data-grid

With DataGridPro Component

Run on your local
npm create refine-app@latest -- --example table-material-ui-data-grid-pro