yk-gridReact DataGrid with AI

Sorting, filtering, grouping, pagination, virtual scrolling, and a natural-language query bar — production-ready out of the box.

⚡

Client & Server Modes

Full client-side processing or plug in your own data-fetching logic for server-driven pagination, sorting, and filtering.

🤖

Let users type natural-language queries and have them translated into grid state changes — sorts, filters, grouping — automatically.

🔧

Fully generic over your row type T. ColumnDef, GridRef, and all callbacks are fully typed with TypeScript.

🎨

CSS custom properties for every visual token. Dark mode support built in. Drop in your design system's colours without touching a component.

📦

Ships as ESM + CJS bundles. React, react-dom, and zod are peer deps — nothing extra lands in your bundle.

🗂️

Group by any column with collapsible rows. Sum, average, count, min, and max aggregations per group out of the box.