HomeData ManagementGridData BindingData Binding
AI-powered Extensions
Data Management
Data Editors
Data Visualization
Layout
Navigation
Dialogs and Windows
Buttons
File Management
File Viewers & Editors
Scheduling
Reporting
Progress Indication
Icon Library
Document Processing
CRM Demo
Version: 26.1.3
Copyright © 2000-2026 Developer Express Inc

 Data Binding

 
DateForecastCloud CoverTemp. (℃)Temp. (℉)
Sunday, September 13, 2026WarmSunny1559
Monday, September 14, 2026ColdStorm1559
Tuesday, September 15, 2026ColdPartly cloudy1355.4
Wednesday, September 16, 2026WarmSunny1151.8
Thursday, September 17, 2026ColdPartly cloudy1050
Friday, September 18, 2026ColdSunny1050
Saturday, September 19, 2026ColdPartly cloudy1151.8
Sunday, September 20, 2026WarmSunny1253.6
Monday, September 21, 2026ColdSunny1050
Tuesday, September 22, 2026ColdSunny1050
Wednesday, September 23, 2026ColdPartly cloudy1050
Thursday, September 24, 2026ColdCloudy1050
Friday, September 25, 2026ColdPartly cloudy1050
Saturday, September 26, 2026ColdCloudy1050
Sunday, September 27, 2026ColdCloudy1050
Data grid with 15 rows and 5 columns
0 rows are selected

Our Blazor Grid is a data-aware component that allows you to display and manage tabular data with absolute ease. In this demo, the DevExpress Blazor Grid is bound to a data collection available during synchronous component initialization. To replicate this sample, bind the Data parameter to a C# field or property and populate this field or property with data inside the OnInitialized lifecycle method.

To display data within the Blazor Grid, declare DxGridDataColumn objects in the Columns template and use each object's FieldName property to assign data fields.