Demos

Interactive demos showcasing NuGrid features and capabilities.

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.

Featured Demos

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.

Data Organization

Nested Groups

Multi-level row grouping with expandable sections.

Group Paging

Pagination within grouped data.

Editing & Validation

Add Row

Add new rows with inline editing.

Validation

Schema-based validation with Zod.

Export & Persistence

Excel Export

Export grid data to Excel files.

State Persistence

Save and restore grid state.

Theming & Customization

Compact Theme

Dense layout for data-heavy applications.

Custom Theme

Build your own theme with custom styling.

Row Animation

Animated row transitions and effects.

Advanced Features

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.

Full Demo

Complete demo showcasing editing, selection, filtering, column pinning, and more.