Active Grid

Enterprise data grid
for React

Virtualization. Inline editing. Aggregations. Excel export.
Built with TypeScript.

Get StartedView Examples

Core Features

Virtualization

Handle 100,000+ rows at 60fps

Inline Editing

Cell and row editing with validation

Advanced Filtering

Operators, facets, and auto-faceting

Client Mode

All operations handled in the browser

Server Mode

Pagination, filtering, and sorting on the server

Column Grouping

Multi-level groups with collapsible headers

Row Pinning

Pin rows at top or bottom

Excel Export

Export to XLSX, CSV, and JSON

Aggregations

Footer with sum, avg, min, max, count

Expanding Rows

Master-detail views with nested tables

Keyboard Navigation

Arrow keys, Enter, Tab, and Escape shortcuts

Context Menus

Right-click menus for rows and headers

Enterprise features, included

Context Menu
Column Menu
Row Pinning
Column Groups
Cell Editing
Row Editing
State Persistence
Async Validation
Expanding Rows
Master/Detail
Aggregation Footer
Excel Export
Clipboard Support
Custom Editors
Conditional Editing
URL State Sync
Auto-Faceting
Global Configuration

Quick Start

import { DataTable } from '@workspace/data-table';

<DataTable
  tableId="users"
  mode="client"
  data={users}
  columns={columns}
  pagination={{ enabled: true }}
  export={{ enabled: true, formats: ['xlsx', 'csv'] }}
/>
Read DocumentationAPI Reference