Sort by a field or by a specific column’s summary, and narrow the data with built-in header filters.
Try it: Right-click a Revenue column header to “sort by this column”, or open a row field’s header filter.
Loading PivotGrid…
About this PivotGrid demo: Sorting & Filtering
Sort by a field or by a specific column’s summary, and narrow the data with built-in header filters. Right-click a Revenue column header to “sort by this column”, or open a row field’s header filter.
Sorting & Filtering is in the free Community edition (@kanunilabs/pivotgrid-react or @kanunilabs/pivotgrid): 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 free PivotGrid demos
- Overview — A live @kanunilabs/pivotgrid-react instance running entirely in your browser on 2,000 sample sales rows. Aggregation runs off the main thread in a Web Worker.
- Editable Example — Edit the field configuration (JSON) above and watch the real grid re-render live below. The code is parsed safely — no eval.
- Field Panel & Drag-Drop — Pivot the data interactively. The field panel lets you reshape rows, columns, values and filters by dragging — no code required.
- Localization (12 locales) — Every label, menu and number format is localized. Switch the language above the grid; right-to-left locales (e.g. Arabic) flip the layout automatically.
- Theming & Striping — The grid is themed entirely with CSS variables. Pick a preset theme above the grid, or toggle zebra striping — both are one prop each.
- Big Data Performance — Benchmark the grid on datasets from one hundred up to a MILLION rows — pick a size and the sample data regenerates, the Web Worker re-initializes and the pivot recomputes, entirely in your browser. Columnar storage, a trie-based grouper and off-main-thread aggregation keep the UI responsive at every scale.