Build Powerful Data Grids.
NuGrid is a feature-rich data grid component for Nuxt. Built on TanStack Table with Nuxt UI integration, it provides virtualization, inline editing, row grouping, and more.
Core Features
High Performance
Built-in virtualization for smooth rendering of thousands of rows with minimal memory footprint.
Inline Editing
Edit cells directly in the grid with support for validation, custom editors, and keyboard navigation.
Row Grouping
Group data by one or more columns with expandable groups and aggregate functions.
Keyboard Navigation
Full keyboard support including Excel-like navigation, editing triggers, and shortcuts.
Theming
Fully customizable themes with built-in support for Nuxt UI's design system and dark mode.
TanStack Table
Built on TanStack Table for powerful sorting, filtering, pagination, and column management.
Everything You Need
Row Selection
Single and multi-row selection with checkbox support and keyboard shortcuts.
Pagination
Client-side pagination with configurable page sizes and auto page size calculation.
Column Resizing
Drag to resize columns with auto-sizing and fit-to-content options.
Validation
Schema-based validation with Zod, Valibot, or Yup. Cross-field validation support.
Excel Export
Export data to Excel with formatting, filtered data, and selected rows support.
State Persistence
Automatically save and restore grid state including column sizes, sorting, and filters.