Infragistics
Start Free Trial
Close
Angular React Web Components Blazor WinUI Uno Platform React

AI-Assisted Development
Agent Workflow
Agent Skills
CLI MCP
Theming MCP
Maker Framework
General
Getting Started
Localization(i18n)
Open-Source vs Premium
Ignite UI CLI
Overview
Step-by-Step Guide Using Ignite UI CLI
Licensing
How to
Build App with CLI MCP and Theming MCP
Changelog
Integrating Ignite UI for React with Next.js
Update guide
Interactivity
Accessibility Compliance
Grids & Lists
Overview
Grid
Overview
Cell Merging
Clipboard Interactions
Collapsible Column Groups
Column Hiding
Column Moving
Column Pinning
Column Resizing
Column Types
Conditional Styling
Editing
Overview
Cell Editing
Cascading Combos
Row Adding
Row Editing
Exporting
Filtering
Overview
Advanced Filtering
Excel Style Filtering
Group By
Live Data / Real-Time
Master-Detail
Keyboard navigation
Multi-Column Headers
Toolbar
Multi-Row Layout
Paging
Paste from Excel
Remote Data Operations
Row Actions
Row Dragging
Row Pinning
Search
Selection
Overview
Cell Selection
Column Selection
Row Selection
Size
Sizing
Sorting
State Persistence
Summaries
Virtualization and performance
Customize Icons
Hierarchical Grid
Overview
Cell Merging
Collapsible Column Groups
Column Hiding
Column Moving
Column Pinning
Column Resizing
Column Types
Conditional Styling
Editing
Overview
Cell Editing
Row Adding
Row Editing
Exporting
Filtering
Overview
Advanced Filtering
Excel Style Filtering
Multi-Column Headers
Remote Data Operations
Row Actions
Row Dragging
Row Pinning
Selection
Overview
Cell Selection
Column Selection
Row Selection
Size
Sizing
Sorting
State Persistence
Summaries
Toolbar
Virtualization and performance
Load on Demand
Pivot Grid
Overview
State Persistence
Features
Tree Grid
Overview
Cell Merging
Clipboard Interactions
Collapsible Column Groups
Column Types
Conditional Styling
Column Hiding
Column Pinning
Column Resizing
Editing
Overview
Cell Editing
Row Adding
Row Editing
Exporting
Filtering
Overview
Advanced Filtering
Multi-Column Headers
Paging
Row Actions
Row Dragging
Row Pinning
Search
Selection
Overview
Cell Selection
Column Selection
Row Selection
Size
Sizing
Sorting
State Persistence
Summaries
Toolbar
Virtualization and performance
Grid Lite
Overview
Column Configuration
Overview
Cell Template
Header Template
Data Binding
Filtering
Sorting
Theming
List
Tree
Spreadsheet
Overview
Activation
Chart Adapter
Clipboard
Conditional Formatting
Configuring Spreadsheet
Commands
Data Validation
Hyperlinks
Excel Utility
Dashboards
Dashboard Tile
Charts
Overview
Area Chart
Bar Chart
Bubble Chart
Column Chart
Composite Chart
Data Pie Chart
Donut Chart
Financial / Stock Chart
Line Chart
Pie Chart
Point Chart
Polar Chart
Radial Chart
Scatter Chart
Shape Chart
Spline Chart
Sparkline Chart
Stacked Chart
Step Chart
Treemap
Chart API
Chart Features
Overview
Axis Gridlines
Axis Layouts
Axis Options
Axis Types
Chart Animations
Chart Annotations
Chart Data Annotations
Charting in Dashboards
Chart Data Aggregations
Chart Data Filtering
Chart Data Legend
Chart Data Tooltip
Chart Data Selection
Chart Highlight Filter
Chart Highlighting
Chart Markers
Chart Navigation
Chart Overlays
Chart Performance
Chart Synchronization
Chart Tooltips
Chart Trendlines
Chart User Annotations
Chart Title and Subtitle
Maps
Overview
Geographic Series Overview
Geographic Area Map
Geographic Contour Map
Geographic High Density Map
Geographic Bubble Map
Geographic Symbol Map
Geographic Polygon Map
Geographic Polyline Map
Geographic Map API
Geographic Map Features
Overview
Binding CSV File
Binding JSON File
Binding Data Model
Binding Shape File
Binding Multiple Shapes
Binding Multiple Sources
Displaying Azure Imagery
Displaying Bing Imagery
Displaying Esri Imagery
Displaying Heat Imagery
Displaying OSM Imagery
Navigating Map Content
Shape Files Reference
Shape Styling
Shape Styling Utility
Esri Utility
World Connections
World Locations
World Utility
Data Binding
Geographic Imagery
Layouts
Accordion
Avatar
Breadcrumbs
Card
Carousel
Dock Manager
Overview
Using Panes
Embedding Frames
Expansion Panel
Stepper
Tabs
Divider
Splitter
Tile Manager
Menus
Toolbar
Navbar
Navigation Drawer
Frameworks
Excel Library
Overview
Using Cells
Using Tables
Using Workbooks
Using Worksheets
Working with Charts
Working with Sparklines
Excel Utility
Working with Grids
Gauges
Bullet Graph
Linear Gauge
Radial Gauge
Data Entry & Display
Badge
Button
Button Group
Checkbox
Circular Progress
Linear Progress
Chip
Color Picker
QR Code
Combo Box
Overview
Features
Templates
Single Selection
Dropdown
Icon
Icon Button
Input
Mask Input
Date Time Input
Radio & Radio Group
Select
Rating
Switch
Text Area
Highlight
Virtual Scroll
Interactions
Chat
Ripple
Tooltip
Slider & Range Slider
Zoom Slider
Query Builder
Notifications
Banner
Snackbar
Toast
Dialog
Scheduling
Calendar
Date Picker
Date Range Picker
Styling & Themes
Overview
Configuration
Elevations
Palettes
Typography
Styles
Accessibility
Custom Tailwind Classes
Premium

React Working with Grids

TODO

React Working with Grids Example

Usage

The following code demonstrates how to use … TODO

TODO

API References