A capability matrix of everything CoreUI Data Grid for Vue 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 (or slot / helper) 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-{key} slot, filterFn (per column) | Filtering |
Columns
| Feature | Prop | Docs |
|---|---|---|
| Custom cell formatting / rendering | formatter (per column), cell-{key} slot | 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 | toolbar, pagination, empty slots | Slots |
| CSV export | exportCsv(), downloadCsv() | CSV export |
| Theming (CSS variables) | --cui-data-grid-* | Styling & theming |
| Localization (i18n) | labels | Localization |
| Headless escape hatch | exposed table | Headless table |