ApexGrid Demos

A clean baseline grid with sortable, filterable, resizable columns.

Swap entire data sources at runtime with auto-generated columns.

Hierarchy derived from a flat array via getDataPath, with chevrons + indent.

120 rows sliced locally with a built-in pager and configurable page sizes.

Server-side data: the grid lazily fetches fixed-size blocks on scroll and pushes sort, filter and search to your backend.

Toggle visibility, sorting, filtering, and resizing for any column at runtime.

Custom cell rendering: currency formatting, star ratings, status badges.

Customize header markup and rename headers dynamically from outside.

Pin columns to start or end so they stay visible while horizontally scrolling.

Drag column headers to reorder; the source columns array stays untouched.

String, number, boolean, select, rating, date, image: every type in one grid.

Click headers to sort. Name column uses a custom string-length comparator.

Multi-column sort declared up front via the grid configuration object.

Server-style sorting: the grid emits sortChanging events for your backend.

Per-column filter UI for text, numeric, and boolean column types.

Server-side filtering with debounced requests and simulated async response.

Master-detail panels with arbitrary HTML rendered beneath any row.

Multi-row selection with checkbox column and keyboard range shortcuts.

Double-click cells to edit; validate or reject changes via cellValueChanging.

Debounced toolbar search input that matches across every visible column.

Row expansion renders a nested apex-grid showing each order’s line items.

ARIA grid roles, focus rings, and full arrow-key navigation between cells.

Per-column sum / avg / min / max / count via the aggregations property and getAggregations().

Group rows by one or more columns; each group is an expandable header row with leaf count and per-group aggregates.

Reshape rows into columns: pick row and column dimensions plus the measures to aggregate into each cell.

Excel-style checklist of a column’s distinct values; composes with the grid’s other filters via filter().

A side panel to show/hide, pin and reorder columns and drive grouping, aggregation and pivoting by drag-and-drop.

Spreadsheet-style range selection with multi-range, fill handle, TSV copy/paste, and a live-aggregate status bar.

Chart the grid’s grouped or pivoted aggregates with ApexCharts via getChartModel() and renderChart().

Declarative master/detail: each expanded row renders a nested grid the parent creates, caches and populates.

8 pre-built themes: Bootstrap, Fluent, Material, Indigo, each in light and dark.

Roll your own theme by overriding the grid’s CSS custom properties.

Download the view, selected rows, or all rows as a UTF-8 BOM CSV file.

Excel export from <apex-grid-enterprise>: numbers, booleans, and dates keep native cell types.

Toolbar quick-filter search alongside one-click CSV export.