Explore these interactive demos to see NuGrid's features in action. Each demo includes live examples and source code you can use as a starting point for your own implementations.
Full Demo
Complete demo with editing, selection, filtering, and more.
Cell Data Types
Different cell types: text, number, date, boolean, rating, and more.
Row Selection
Single and multi-row selection with checkbox column.
Paging
Client-side pagination with configurable page sizes.
Nested Groups
Multi-level row grouping with expandable sections.
Group Paging
Pagination within grouped data.
Add Row
Add new rows with inline editing.
Validation
Schema-based validation with Zod.
Excel Export
Export grid data to Excel files.
State Persistence
Save and restore grid state.
Compact Theme
Dense layout for data-heavy applications.
Custom Theme
Build your own theme with custom styling.
Row Animation
Animated row transitions and effects.
Focused Row
Programmatic focus control and tracking.
Action Menu
Row action menus with custom items.
Events
Grid events and event handling.
Multi-Row Layout
Multiple visual rows per data row.
Drag & Drop
Enable row and column reordering in NuGrid.
Complete demo showcasing editing, selection, filtering, column pinning, and more.
Table of Contents
Community