React DataGrid - Demos

DataGrid features are illustrated and described in the following technical demos:

• Overview

Data Binding

• Simple Array
• JSON Data
• OData Service
• Custom Data Source
• Web API Service
• SignalR Service
• Real-Time Updates

Filtering

• Filtering
• Filtering API
• Filter Panel
• Column Header Filter

Sorting

• Sorting

Editing

• Row Editing
• Cell Editing
• Batch Editing
• Form Editing
• Popup Editing
• Custom Editors
• Data Validation
• Cascading Lookups
• Collaborative Editing
• Remote CRUD Operations
• Batch Update Request
• Edit State Management
• New Record Position

Grouping

• Record Grouping
• Remote Grouping

Selection

• Row Selection
• Multiple Record Selection
• Multiple Record Selection API
• Deferred Selection

Focused Row

• Focused Row

Paging

• Paging

Scrolling

• Local Virtual Scrolling
• Remote Virtual Scrolling
• Horizontal Virtual Scrolling
• Infinite Scrolling

Columns

• Auto-Populated Columns
• Multi-Level Headers (Bands)
• Column Reordering
• Column Resizing
• Sticky Columns
• Command Column Configuration
• Column Chooser

Master-Detail

• Master-Detail View
• Master-Detail API
• Advanced Master-Detail View

Data Summaries

• Total Summaries
• Group Summaries
• Custom Summaries
• Recalculate While Editing

Drag & Drop

• Local Reordering
• Remote Reordering
• Drag & Drop Between Two Grids

Export to PDF

• Overview
• Cell Customization
• Header and Footer
• Multiple Grids Export
• Image Export

Export to Excel

• Overview
• Cell Customization
• Header and Footer
• Multiple Grids Export
• Image Export

Appearance

• Appearance

Customization

• Column
• Row
• Column 3rd Party Engine Template
• Row 3rd Party Engine Template
• Cell
• Toolbar

State Persistence

• State Persistence

Adaptability

• Overview
• Columns Hiding Priority

Keyboard Navigation

• Keyboard Navigation
• Customize Keyboard Navigation

Right-To-Left Support

• Right-To-Left Support