> For the complete documentation index, see [llms.txt](https://tech.x2bee.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tech.x2bee.com/dev-guide/developer-guide-en/dev-start/markdown/data-grid-mui-x.md).

# Data Grid (MUI-X)

The X2BEE BO template uses [MUI-X Data Grid](https://mui.com/x/react-data-grid/) for list queries and CUD data management. The X2beeDataGrid wrapper extends MUI with row-state management, pagination, validation, save callbacks, and toolbar features.

## X2beeDataGrid

Files are located under `/src/lib/x2bee-data-grid/*`. Key files include `x2bee-data-grid.tsx`, `x2bee-data-grid-utils.ts`, `x2bee-data-grid-constants.ts`, `x2bee-data-grid-types.ts`, `x2bee-grid-date-picker.tsx`, `use-x2bee-data-grid.ts`, and `x2bee-data-grid-context.tsx`.

Required options are `columns` and either `rows` or `paginationProps`; these two data sources must not be used together. Preserve the original MUI URLs, props, TypeScript types, API methods, and component examples.