Virtual scrollingWeb Worker offloadColumnar encodingServer-side dataServer-side grouping & exportRows pushed by the serverPaginationNumbered page buttonsInfinite scrollTransactionsAsync transactionsCell span / mergeColumn spanSortingAutomatic columnsCustom sort orderSort by magnitudeClick cycle per columnLarge integers (BigInt)Row animationReorder after sortingCalculated columnsColumns your users calculateResizingReorderingPinningAuto-size, fit & flexVisibility & chooserRename columns in the gridBands (multi-level headers)Wrapped header textFilter rowHeader filter popupQuick searchFilter panel barRelative date filtersYour own filter UIFind without filteringExternal filterYour own filter operatorsMulti filterFilter builderGrouping (one level)Group panelGroup columnSticky group headersMulti-level groupingGroup summariesEdit a group totalMaster-detailTree dataFooter column totalsTotals row placementCustom aggregationSelection statisticsRow selectionFocused rowDeferred selectionUnselectable rowsRange selectionColumn selection from the headerCell focus & keyboardCopyFill handleClipboard callbacksCut & pasteCell editingParse and write valuesCell formulasBatch editingRow editingForm editingPopup editingValidationPermissionsCustom editors & lookupsCRUD handlersUndo / redoCSV exportExcel exportFormulas & links in exportsPDF exportStyled exportImport wizardThemes & palettesDensityCards on narrow screensLocalizationTooltipsRow numbersCell flashPinned rowsPin rows from the menuRow drag & dropSparklinesCell notesPrint layoutAligned gridsLoading & empty overlaysStatus barSide bar & tool panelsYour own side bar panelsChart data hookChart panelChart API, events & saved chartsBox plotWaterfall, funnel, treemap, heatmap & rangeScatter & bubble chartsChart titles, labels & legendStacked & 100% chartsCross-filter & zoomChart exportEventsImperative APIGrid state for AI modelsSaved viewsContext menusSSR & bundlers
Wrapped header text
FreeLong captions wrap onto several lines, and the header grows to the tallest one.
Try it: Long captions wrap onto two or three lines, and the header grows to the tallest one.
Loading DataGrid…
About this DataGrid demo: Wrapped header text
Long captions wrap onto several lines, and the header grows to the tallest one.
Wrapped header text is in the free Community edition (@kanunilabs/datagrid-react or @kanunilabs/datagrid): no licence key, no watermark, commercial use included. The grid above is the real component, not a recording — change it and the result is what your users get.
More in Columns
- Visibility & chooser — Hide columns and bring them back from a picker.
- Rename columns in the grid — Users rename a header in place — the name follows into exports and saved views.
- Bands (multi-level headers) — Group headers over related columns, collapsible.
- Sorting — Single and multi-column, with a custom comparator escape hatch.
- Resizing — Drag the edge; double-click for best fit.
- Reordering — Drag a header to move the column.