mui / mui/base-ui

Add Data Grid component

Open
#3,328 9 comments 8 reactions 0 assignees View on GitHub
scope: new proposal type: new feature
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

## Summary

Provide an unstyled version of the data grid, with a component API, effectively allowing people who use Base UI to have a **FULLY** featured, highly performant, and customizable data grid that matches the level of customization freedom they expect from the Base UI primitive APIs.

Image

The OG https://github.com/mleibman/SlickGrid

*This is not to be confused with a hook API, which would be a lower-level API: https://github.com/mui/mui-x/issues/1016.*

## Examples in other libraries

- https://github.com/table-library/react-table-library
- https://github.com/1771-Technologies/lytenyte
- https://www.reddit.com/r/webdev/comments/1ng8rb9/we_spent_33_months_building_a_data_grid_heres_how/
- https://github.com/TanStack/table
- https://react-aria.adobe.com/Table

*([internal benchmarks](https://www.notion.so/mui-org/data-grid-All-Data-Grid-libraries-7e0d4fb7a10943c9aac340198684197c))*

## Motivation

Today, the MUI X Data Grid exposes most of its slots for customization. However, developers that replaces all the slots still get Material UI and MUI System bundled, which is not working.

- User requests:
- https://x.com/this_is_moody/status/2041515627081617679
- The rest in https://www.notion.so/mui-org/base-ui-grid-MRD-358cbfe7b660804cb014d9cfd8350ce5
- UI library requests:
- https://github.com/shadcn-ui/ui/issues/7820
- https://github.com/mui/mui-x/issues/10143

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.