# CoreUI Data Grid Angular documentation > High-performance Angular data grid for CoreUI — 100,000 rows with sorting, filtering, selection and pagination. ## Getting started - [Introduction](/data-grid/angular/docs/getting-started/introduction.md): High-performance Angular data grid — 100,000 rows with sorting, filtering, selection, pagination, server-side data, column resizing, pinning, ordering and full theming. - [Installation](/data-grid/angular/docs/getting-started/installation.md): Install CoreUI Data Grid for Angular via npm and load the shared grid stylesheet. - [Quickstart](/data-grid/angular/docs/getting-started/quickstart.md): Render your first CoreUI Data Grid for Angular in a few lines — columns, data, a stable row key, then your first feature. - [Features](/data-grid/angular/docs/getting-started/features.md): A capability matrix of everything CoreUI Data Grid for Angular does today, with the input or output that turns each feature on and a link to its docs. - [Browsers & devices](/data-grid/angular/docs/getting-started/browsers-devices.md): The browsers and devices CoreUI Data Grid for Angular supports, the floor it targets, and the browserslist configuration behind it. ## AI Tools - [LLMs.txt](/data-grid/angular/docs/ai-tools/llms-txt.md): LLM-optimized documentation endpoints for CoreUI Angular Data Grid — llms.txt, llms-full.txt, and a Markdown version of every page. - [MCP Server](/data-grid/angular/docs/ai-tools/mcp.md): Bring the CoreUI Angular Data Grid documentation into your AI coding assistant with the @coreui/docs-mcp Model Context Protocol server. ## Features - [Overview](/data-grid/angular/docs/features/overview.md): A single kitchen-sink Angular Data Grid demo — 10,000 rows across fourteen columns with the toolbar, per-column filters, sizing, pinning, selection and a column chooser all turned on at once. - [Virtualization](/data-grid/angular/docs/features/virtualization.md): Row virtualization renders only the visible window of rows, so the Angular Data Grid stays fast with 100,000 rows and beyond — sorting, filtering and selection run across the full dataset. - [Sorting](/data-grid/angular/docs/features/sorting.md): Sort the Angular Data Grid by clicking a header, add multi-column sorting with shift+click, and opt individual columns out. - [Filtering](/data-grid/angular/docs/features/filtering.md): Filter the Angular Data Grid with a per-column filter row, a global search input, custom filter UIs and custom matching predicates. - [Row reordering](/data-grid/angular/docs/features/row-reordering.md): Let users drag rows into a new order with a per-row grip — the Angular Data Grid hands you the reordered array and never mutates your data. - [Row selection](/data-grid/angular/docs/features/row-selection.md): Add a checkbox column to the Angular Data Grid with select-all and shift+click range selection, keyed to a stable row id so selection survives sorting, filtering and paging. - [Cell selection](/data-grid/angular/docs/features/cell-selection.md): Spreadsheet-style cell ranges in the Angular Data Grid — shift-click, drag and shift+arrows, with Ctrl/Cmd+C copying the range as tab-separated text ready to paste into Excel. - [Keyboard navigation](/data-grid/angular/docs/features/keyboard-navigation.md): APG grid keyboard navigation for the Angular Data Grid — role="grid", a roving-tabindex active cell and arrow-key movement across header and data cells. - [Inline editing](/data-grid/angular/docs/features/editing.md): Inline cell editing for the Angular Data Grid — built-in text, number and select editors, validation, and a popup contract for rich editors like date pickers and multi-selects. - [Undo & redo](/data-grid/angular/docs/features/history.md): Undo and redo inline-edit commits in the Angular Data Grid — toolbar buttons and Ctrl+Z / Ctrl+Shift+Z / Ctrl+Y, with the app staying the single source of truth. - [Save & restore state](/data-grid/angular/docs/features/state.md): Persist the Angular Data Grid view — sorting, filters, column order, sizing, visibility, pinning, selection and page — to localStorage with a single input. - [Pagination](/data-grid/angular/docs/features/pagination.md): Page through the Angular Data Grid with a page-size selector, range info and CoreUI pagination controls instead of virtualized scrolling. - [Server-side data](/data-grid/angular/docs/features/server-side-data.md): Delegate sorting, filtering and pagination to your API with a single dataProvider function — the Angular Data Grid fetches one debounced request per state change and drops stale responses. - [Infinite scroll](/data-grid/angular/docs/features/infinite-scroll.md): Load a server-side dataset page by page as the user scrolls — the Angular Data Grid appends each page to the rows already in view and keeps virtualization on instead of switching to a pager. - [Toolbar](/data-grid/angular/docs/features/toolbar.md): Add a built-in Angular Data Grid toolbar with a column chooser, CSV export button and global search — enabled with a single input or configured granularly. - [Slots & custom rendering](/data-grid/angular/docs/features/slots.md): Replace the Angular Data Grid's toolbar, pagination and empty-state chrome with your own markup through cDataGridSlot templates. - [Print](/data-grid/angular/docs/features/print.md): Print the whole Angular Data Grid — every sorted and filtered row, not the twenty the virtualizer has on screen or the page the user happens to be on. - [CSV export](/data-grid/angular/docs/features/csv-export.md): Export Angular Data Grid rows to an RFC-4180 CSV string or file, with scope, delimiter, BOM and formula-injection sanitization options. - [Excel export](/data-grid/angular/docs/features/excel-export.md): Export Angular Data Grid rows to a real .xlsx workbook — typed cells, a bold header row and column widths — from a dependency-free 3 KB subpath. ## Columns - [Overview](/data-grid/angular/docs/columns/overview.md): Define CoreUI Data Grid for Angular columns — keys, labels, cheap value formatting with formatter, and rich cell content with cDataGridCell templates. - [Column sizing](/data-grid/angular/docs/columns/sizing.md): Add drag-to-resize handles to Angular Data Grid header cells, with live or on-release width updates and per-column opt-out. - [Column pinning](/data-grid/angular/docs/columns/pinning.md): Freeze Angular Data Grid columns to the start or end edge so they stay visible while the rest of the grid scrolls horizontally. - [Column ordering & visibility](/data-grid/angular/docs/columns/ordering-visibility.md): Let users reorder Angular Data Grid columns by drag-and-drop and hide or show columns through a column chooser. - [Column menu](/data-grid/angular/docs/columns/menu.md): Add a per-column header menu to the Angular Data Grid that gathers sort, pin, move and hide actions behind one accessible ⋮ button, and customize its items with a builder. ## Customization - [Styling & theming](/data-grid/angular/docs/customization/styling.md): Theme the CoreUI Data Grid for Angular with --cui-data-grid-* CSS variables that resolve through CoreUI semantic tokens, so light and dark modes work with no extra CSS. - [Localization](/data-grid/angular/docs/customization/localization.md): Translate every CoreUI Data Grid for Angular UI string through the labels input, with {token} interpolation for dynamic values. - [Feature sets](/data-grid/angular/docs/customization/feature-sets.md): Pick the TanStack feature set your grid actually uses — pass dataGridLiteFeatures and your bundler drops the features you never registered. ## Guides - [Accessibility](/data-grid/angular/docs/guides/accessibility.md): How CoreUI Data Grid for Angular supports keyboard interaction, ARIA roles and screen-reader announcements, and where the current limits are. - [Performance](/data-grid/angular/docs/guides/performance.md): How CoreUI Data Grid for Angular stays fast at 100,000 rows, the inputs that tune rendering, and when to move paging to your backend. - [RTL](/data-grid/angular/docs/guides/rtl.md): How CoreUI Data Grid behaves in right-to-left layouts — column order, reordering, resizing, keyboard direction and logical-property styling. ## API reference - [Options](/data-grid/angular/docs/api/options.md): Full reference of CoreUI Data Grid for Angular inputs — columns, data, features and behavior. - [Columns](/data-grid/angular/docs/api/columns.md): Full reference of CoreUI Data Grid for Angular column definition keys — labels, sorting, filtering, formatting and custom rendering. - [Events](/data-grid/angular/docs/api/events.md): CoreUI Data Grid for Angular outputs — each carrying structured state. - [Methods](/data-grid/angular/docs/api/methods.md): CoreUI Data Grid for Angular component members and helpers — the headless table getter, CSV export functions and default labels. - [Headless table](/data-grid/angular/docs/api/headless.md): Drop down to the underlying headless table instance to build custom Angular Data Grid UI and drive state imperatively. ## Resources - [Roadmap](/data-grid/angular/docs/resources/roadmap.md): 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.