# React Data Grid

## Docs

- [Accessibility](https://mintlify.wiki/Comcast/react-data-grid/advanced/accessibility.md): Accessibility features and ARIA attributes in React Data Grid
- [Custom Renderers](https://mintlify.wiki/Comcast/react-data-grid/advanced/custom-renderers.md): Customize cells, rows, and components with custom renderers
- [Performance Optimization](https://mintlify.wiki/Comcast/react-data-grid/advanced/performance.md): Tips and best practices for optimizing React Data Grid performance
- [RTL Support](https://mintlify.wiki/Comcast/react-data-grid/advanced/rtl-support.md): Right-to-left language support in React Data Grid
- [Cell](https://mintlify.wiki/Comcast/react-data-grid/api/cell.md): Default cell component for rendering individual grid cells
- [DataGridDefaultRenderersContext](https://mintlify.wiki/Comcast/react-data-grid/api/context.md): Context for providing default renderers to DataGrids in your app
- [DataGrid](https://mintlify.wiki/Comcast/react-data-grid/api/datagrid.md): Main component for rendering data grids with virtualization, sorting, editing, and more
- [renderCheckbox](https://mintlify.wiki/Comcast/react-data-grid/api/render-checkbox.md): Renders a checkbox input with proper styling and accessibility
- [renderHeaderCell](https://mintlify.wiki/Comcast/react-data-grid/api/render-header-cell.md): Default header cell renderer with sort indicators for sortable columns
- [renderSortIcon](https://mintlify.wiki/Comcast/react-data-grid/api/render-sort-icon.md): Renders the sort direction arrow icon for sortable columns
- [renderTextEditor](https://mintlify.wiki/Comcast/react-data-grid/api/render-text-editor.md): Basic text input editor for editable cells
- [renderToggleGroup](https://mintlify.wiki/Comcast/react-data-grid/api/render-toggle-group.md): Default group cell renderer for expand/collapse controls in TreeDataGrid
- [renderValue](https://mintlify.wiki/Comcast/react-data-grid/api/render-value.md): Default cell renderer that displays the value from row data
- [Row](https://mintlify.wiki/Comcast/react-data-grid/api/row.md): Default row component for rendering grid rows
- [SelectCellFormatter](https://mintlify.wiki/Comcast/react-data-grid/api/select-cell-formatter.md): Component for rendering row selection checkboxes
- [SelectColumn](https://mintlify.wiki/Comcast/react-data-grid/api/select-column.md): Pre-configured column for row selection with checkbox renderers
- [TreeDataGrid](https://mintlify.wiki/Comcast/react-data-grid/api/treedatagrid.md): Component for hierarchical row grouping with treegrid pattern support
- [Column Types](https://mintlify.wiki/Comcast/react-data-grid/api/types/column.md): Column, ColumnGroup, and CalculatedColumn type definitions
- [Event Types](https://mintlify.wiki/Comcast/react-data-grid/api/types/events.md): CellMouseEvent, CellKeyboardEvent, and event handler type definitions
- [Render Props Types](https://mintlify.wiki/Comcast/react-data-grid/api/types/render-props.md): RenderCellProps, RenderHeaderCellProps, RenderEditCellProps, and other render prop type definitions
- [Utility Types](https://mintlify.wiki/Comcast/react-data-grid/api/types/utilities.md): SortColumn, SortDirection, RowsChangeData, and other utility type definitions
- [useHeaderRowSelection](https://mintlify.wiki/Comcast/react-data-grid/api/use-header-row-selection.md): Hook for managing header row selection state in custom header cell renderers
- [useRowSelection](https://mintlify.wiki/Comcast/react-data-grid/api/use-row-selection.md): Hook for managing row selection state in custom cell renderers
- [Column Configuration](https://mintlify.wiki/Comcast/react-data-grid/core-concepts/columns.md): Configure columns with types, widths, and custom renderers
- [Cell Editing](https://mintlify.wiki/Comcast/react-data-grid/core-concepts/editing.md): Enable inline editing with custom editors
- [Row Data & Management](https://mintlify.wiki/Comcast/react-data-grid/core-concepts/rows.md): Working with row data, keys, and updates
- [Row Selection](https://mintlify.wiki/Comcast/react-data-grid/core-concepts/selection.md): Enable and manage row selection with checkboxes
- [Sorting Columns](https://mintlify.wiki/Comcast/react-data-grid/core-concepts/sorting.md): Enable single and multi-column sorting
- [Cell Spanning](https://mintlify.wiki/Comcast/react-data-grid/features/cell-spanning.md): Span cells across multiple columns or create merged cells
- [Column Grouping](https://mintlify.wiki/Comcast/react-data-grid/features/column-grouping.md): Group related columns under shared headers
- [Column Resizing](https://mintlify.wiki/Comcast/react-data-grid/features/column-resizing.md): Enable users to resize columns by dragging column borders
- [Copy & Paste](https://mintlify.wiki/Comcast/react-data-grid/features/copy-paste.md): Enable copy and paste operations for grid cells
- [Frozen Columns](https://mintlify.wiki/Comcast/react-data-grid/features/frozen-columns.md): Pin columns to keep them visible during horizontal scrolling
- [Keyboard Navigation](https://mintlify.wiki/Comcast/react-data-grid/features/keyboard-navigation.md): Navigate and interact with the grid using keyboard shortcuts
- [Row Grouping](https://mintlify.wiki/Comcast/react-data-grid/features/row-grouping.md): Create hierarchical data with expandable/collapsible row groups
- [Summary Rows](https://mintlify.wiki/Comcast/react-data-grid/features/summary-rows.md): Add summary rows at the top or bottom of the grid for aggregated data
- [Virtualization](https://mintlify.wiki/Comcast/react-data-grid/features/virtualization.md): Efficiently render large datasets with row and column virtualization
- [Installation](https://mintlify.wiki/Comcast/react-data-grid/installation.md): Install React Data Grid using your favorite package manager
- [React Data Grid](https://mintlify.wiki/Comcast/react-data-grid/introduction.md): Feature-rich and customizable data grid React component with virtualization, TypeScript support, and zero dependencies
- [Quick Start](https://mintlify.wiki/Comcast/react-data-grid/quickstart.md): Build your first data grid with React Data Grid in minutes
- [CSS Variables](https://mintlify.wiki/Comcast/react-data-grid/styling/css-variables.md): Customize React Data Grid appearance using CSS custom properties
- [Custom Classes](https://mintlify.wiki/Comcast/react-data-grid/styling/custom-classes.md): Apply custom CSS classes to rows and cells in React Data Grid
- [Theming](https://mintlify.wiki/Comcast/react-data-grid/styling/theming.md): Configure light and dark themes for React Data Grid