What CoreUI Data Grid for Angular ships today and what is planned next — tree data, master-detail panels, a summary row, grouping and aggregation, and multi-level headers.
On this page
The Data Grid is under active development. Everything documented here works today — this page is about what comes next.
Shipped
The 0.1.0 line built the grid’s core; 0.2.0 made it interactive.
- Data at scale — virtualization for 100,000
rows with DOM recycling, pagination as the
alternative mode, server-side data behind a
single
dataProvider, and infinite scroll that appends each page instead of replacing it. - Querying — multi-column sorting, per-column filter dialogs with typed operators, faceted set filters and custom predicates, plus global search.
- Columns — resizing, pinning, reordering and visibility with a live drag preview, and a keyboard-accessible header menu.
- Rows — row selection, row reordering by drag handle, and auto row height for rows that grow with their content.
- Cells — keyboard navigation on the full ARIA grid pattern, cell selection with spreadsheet-style ranges and clipboard copy, inline editing with a popup editor contract, and undo & redo.
- Output — Excel export through a real
.xlsxwriter with no runtime dependencies, CSV export as a dependency-free subpath, and print past virtualization and pagination. - Fit and finish — save & restore state for the whole view, feature sets that drop what you do not use from the bundle, theming through design tokens with automatic dark mode, a complete localization surface, and accessibility documented down to its current limits.
Planned
Roughly in the order we expect to reach them, with no dates attached:
- Tree data — hierarchical, expandable rows with tree-aware sorting and filtering.
- Master-detail panels — an expandable panel per row for detail views.
- Summary row — totals, averages and custom aggregates in a footer under the table.
- Row grouping & aggregation — group rows by column values, with aggregates per group.
- Column grouping — multi-level headers spanning related columns.
- Row pinning — sticky rows at the top or bottom, the row-wise counterpart of column pinning.
- Cell & row spanning — merged cells that keyboard navigation understands.
- Column autosizing — fit a column to its content from the resize handle or the header menu.
- Clipboard paste — writing a copied range back through the editing pipeline, with validation and rollback.