Vue Data Grid Features

Features

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.

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

FeaturePropDocs
Row virtualizationvirtualization (on by default)Virtualization
PaginationpaginationPagination
Server-side datadataProviderServer-side data
Row selectionrowSelectionRow selection
Infinite scrollinfinite-scrollInfinite scroll
Auto row heightauto-row-heightAuto row height
Row reorderingrow-orderRow reordering

Sorting & filtering

FeaturePropDocs
Column sorting (multi-column)sorting (on by default)Sorting
Per-column filter rowcolumnFiltersFiltering
Global searchglobalFilterFiltering
Custom filter UI / predicatefilter-{key} slot, filterFn (per column)Filtering

Columns

FeaturePropDocs
Custom cell formatting / renderingformatter (per column), cell-{key} slotColumns overview
Column resizingcolumnSizingColumn sizing
Column pinningcolumnPinningColumn pinning
Column ordering (drag & drop)columnOrderOrdering & visibility
Column visibilitycolumnVisibilityOrdering & visibility
Column header menucolumnMenuColumn menu

Interaction

FeaturePropDocs
Keyboard navigation (ARIA grid)cell-navigationKeyboard navigation
Cell selection & clipboard copycell-selectionCell selection
Inline editingeditingInline editing
Undo & redohistoryUndo & redo
Built-in toolbartoolbarToolbar

Customization & output

FeatureProp / APIDocs
Custom toolbar / pagination / empty statetoolbar, pagination, empty slotsSlots
CSV exportexportCsv(), downloadCsv()CSV export
Excel export (.xlsx)toolbar.export.exporterExcel export
Printtoolbar.printPrint
Save & restore statestate-keySave & restore state
Feature sets (smaller bundle)featuresFeature sets
Theming (CSS variables)--cui-data-grid-*Styling & theming
Localization (i18n)labelsLocalization
Headless escape hatchexposed tableHeadless table