A capability matrix of everything CoreUI Data Grid for React does today, with the prop that turns each feature on and a link to its docs.
On this page
Everything the Data Grid does today, the prop that enables it, and where to read more. Features not listed here are on the roadmap.
Data & rendering
| Feature | Prop | Docs |
|---|---|---|
| Row virtualization | virtualization (on by default) | Virtualization |
| Pagination | pagination | Pagination |
| Server-side data | dataProvider | Server-side data |
| Row selection | rowSelection | Row selection |
Sorting & filtering
| Feature | Prop | Docs |
|---|---|---|
| Column sorting (multi-column) | sorting (on by default) | Sorting |
| Per-column filter row | columnFilters | Filtering |
| Global search | globalFilter | Filtering |
| Custom filter UI / predicate | filter, filterFn (per column) | Filtering |
Columns
| Feature | Prop | Docs |
|---|---|---|
| Custom cell formatting / rendering | formatter, render (per column) | Columns overview |
| Column resizing | columnSizing | Column sizing |
| Column pinning | columnPinning | Column pinning |
| Column ordering (drag & drop) | columnOrder | Ordering & visibility |
| Column visibility | columnVisibility | Ordering & visibility |
| Column header menu | columnMenu | Column menu |
Customization & output
| Feature | Prop / API | Docs |
|---|---|---|
| Custom toolbar / pagination / empty state | slots | Slots |
| CSV export | exportCsv(), downloadCsv() | CSV export |
| Theming (CSS variables) | --cui-data-grid-* | Styling & theming |
| Localization (i18n) | labels | Localization |
| Headless escape hatch | tableRef | Headless table |