# CoreUI Data Grid React.js documentation > High-performance React data grid for CoreUI — 100,000 rows with sorting, filtering, selection and pagination. ## Getting started - [Introduction](/data-grid/react/docs/getting-started/introduction.md): High-performance React data grid — 100,000 rows with sorting, filtering, selection, pagination, server-side data, column resizing, pinning, ordering and full theming. - [Installation](/data-grid/react/docs/getting-started/installation.md): Install CoreUI Data Grid for React via npm and load its stylesheet. - [Quickstart](/data-grid/react/docs/getting-started/quickstart.md): Render your first CoreUI Data Grid for React in a few lines — columns, data, a stable row key, then your first feature. - [Features](/data-grid/react/docs/getting-started/features.md): A capability matrix of everything CoreUI Data Grid for React does today, with the prop that turns each feature on and a link to its docs. ## AI Tools - [LLMs.txt](/data-grid/react/docs/ai-tools/llms-txt.md): LLM-optimized documentation endpoints for CoreUI React Data Grid — llms.txt, llms-full.txt, and a Markdown version of every page. - [MCP Server](/data-grid/react/docs/ai-tools/mcp.md): Bring the CoreUI React Data Grid documentation into your AI coding assistant with the @coreui/docs-mcp Model Context Protocol server. ## Features - [Overview](/data-grid/react/docs/features/overview.md): A single kitchen-sink React 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/react/docs/features/virtualization.md): Row virtualization renders only the visible window of rows, so the React Data Grid stays fast with 100,000 rows and beyond — sorting, filtering and selection run across the full dataset. - [Sorting](/data-grid/react/docs/features/sorting.md): Sort the React Data Grid by clicking a header, add multi-column sorting with shift+click, and opt individual columns out. - [Filtering](/data-grid/react/docs/features/filtering.md): Filter the React Data Grid with a per-column filter row, a global search input, custom filter components and custom matching predicates. - [Row selection](/data-grid/react/docs/features/row-selection.md): Add a checkbox column to the React Data Grid with select-all and shift+click range selection, keyed to a stable row id so selection survives sorting, filtering and paging. - [Keyboard navigation](/data-grid/react/docs/features/keyboard-navigation.md): APG grid keyboard navigation for the React Data Grid — role="grid", a roving-tabindex active cell and arrow-key movement across header and data cells. - [Inline editing](/data-grid/react/docs/features/editing.md): Inline cell editing for the React 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/react/docs/features/history.md): Undo and redo inline-edit commits in the React 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/react/docs/features/state.md): Persist the React Data Grid view — sorting, filters, column order, sizing, visibility, pinning, selection and page — to localStorage with a single prop. - [Pagination](/data-grid/react/docs/features/pagination.md): Page through the React Data Grid with a page-size selector, range info and CoreUI pagination controls instead of virtualized scrolling. - [Server-side data](/data-grid/react/docs/features/server-side-data.md): Delegate sorting, filtering and pagination to your API with a single dataProvider prop — the React Data Grid fetches one debounced request per state change and drops stale responses. - [Toolbar](/data-grid/react/docs/features/toolbar.md): Add a built-in React Data Grid toolbar with a column chooser, CSV export button and global search — enabled with a single prop or configured granularly. - [Slots & custom rendering](/data-grid/react/docs/features/slots.md): Replace the React Data Grid's toolbar, pagination and empty-state chrome with your own components through the slots prop. - [CSV export](/data-grid/react/docs/features/csv-export.md): Export React Data Grid rows to an RFC-4180 CSV string or file, with scope, delimiter, BOM and formula-injection sanitization options. ## Columns - [Overview](/data-grid/react/docs/columns/overview.md): Define React Data Grid columns — keys, labels, cheap value formatting with formatter, and rich cell content with render. - [Column sizing](/data-grid/react/docs/columns/sizing.md): Add drag-to-resize handles to React Data Grid header cells, with live or on-release width updates and per-column opt-out. - [Column pinning](/data-grid/react/docs/columns/pinning.md): Freeze React Data Grid columns to the left or right edge so they stay visible while the rest of the grid scrolls horizontally. - [Column ordering & visibility](/data-grid/react/docs/columns/ordering-visibility.md): Let users reorder React Data Grid columns by drag-and-drop and hide or show columns through a column chooser. - [Column menu](/data-grid/react/docs/columns/menu.md): Add a per-column header menu to the React 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/react/docs/customization/styling.md): Theme the React Data Grid 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/react/docs/customization/localization.md): Translate every React Data Grid UI string through the labels prop, with {token} interpolation for dynamic values. ## Guides - [Accessibility](/data-grid/react/docs/guides/accessibility.md): How the React Data Grid supports keyboard interaction, ARIA roles and screen-reader announcements, and where the current limits are. - [Performance](/data-grid/react/docs/guides/performance.md): How the React Data Grid stays fast at 100,000 rows, the props that tune rendering, and when to move paging to your backend. ## API reference - [Options](/data-grid/react/docs/api/options.md): Full reference of CDataGrid props — columns, data, features and behavior of the React Data Grid. - [Columns](/data-grid/react/docs/api/columns.md): Full reference of React Data Grid column definition keys — labels, sorting, filtering, formatting and custom rendering. - [Events](/data-grid/react/docs/api/events.md): React Data Grid callback props — onXxx handlers, each receiving structured state as plain arguments. - [Methods](/data-grid/react/docs/api/methods.md): React Data Grid helpers — CSV export functions, the default labels export and the tableRef escape hatch. - [Headless table](/data-grid/react/docs/api/headless.md): Drop down to the underlying headless table instance via tableRef to build custom React Data Grid UI and drive state imperatively. ## Resources - [Roadmap](/data-grid/react/docs/resources/roadmap.md): Features planned for future CoreUI Data Grid releases — inline editing, grouping and aggregation, tree data, full grid keyboard navigation and dynamic row heights.