V-Grid 2.0 is now available

The Data Grid
for the Modern Web

High-performance, feature-rich React data grid. Built for speed, designed for control, and engineered to handle millions of rows without skipping a frame.

ID
Customer
Status
Amount
Date
#2490
Company A Inc.
Paid
$8986.03
Oct 12, 2023
#2491
Company B Inc.
Pending
$2646.40
Oct 13, 2023
#2492
Company C Inc.
Processing
$5366.20
Oct 14, 2023
#2493
Company D Inc.
Paid
$8350.00
Oct 15, 2023
#2494
Company E Inc.
Pending
$7440.10
Oct 16, 2023
#2495
Company F Inc.
Processing
$8295.40
Oct 17, 2023
#2496
Company G Inc.
Paid
$8500.14
Oct 18, 2023
#2497
Company H Inc.
Pending
$1365.40
Oct 19, 2023
#2498
Company I Inc.
Processing
$4619.27
Oct 20, 2023
#2499
Company J Inc.
Paid
$1165.12
Oct 21, 2023
10M+
Rows Rendered
60 FPS
Scroll Performance
5kb
Gzipped Size
0ms
Input Latency

Everything you need
to build complex data interfaces.

Virtual Scrolling

Render millions of rows without compromising performance. Only what's visible is rendered in the DOM.

Layout Engine

Flexible column sizing, pinning, reordering, and resizing. Build the exact layout your data needs.

Server-Side Model

Seamlessly integrate with your backend. Infinite scrolling, pagination, and sorting handled efficiently.

Developer Experience First

Fully typed with TypeScript. Intuitive API design that feels like native React. Comprehensive documentation and examples to get you started in minutes.

import { DataGrid } from '@/components/v-grid/data-grid';

const App = () => (

<DataGrid

columns={columns}

rows={rows}

virtualScroll

stickyHeader

/>

);

Accessibility

WAI-ARIA compliant. Keyboard navigation support out of the box. Built for everyone.

Ready to handle your data?

Join thousands of developers building high-performance data applications with V-Grid.

$ npx v-grid init
Get Started