Data Binding

 
Date Forecast Cloud Cover Temp. (℃) Temp. (℉)
Tuesday, June 16, 2026WarmSunny1966.2
Wednesday, June 17, 2026ColdStorm1762.6
Thursday, June 18, 2026WarmPartly cloudy1762.6
Friday, June 19, 2026WarmSunny1762.6
Saturday, June 20, 2026WarmSunny1559
Sunday, June 21, 2026WarmPartly cloudy1457.2
Monday, June 22, 2026ColdCloudy1355.4
Tuesday, June 23, 2026WarmSunny1457.2
Wednesday, June 24, 2026ColdStorm1660.8
Thursday, June 25, 2026WarmSunny1559
Friday, June 26, 2026WarmSunny1762.6
Saturday, June 27, 2026WarmPartly cloudy1457.2
Sunday, June 28, 2026WarmSunny1355.4
Monday, June 29, 2026WarmSunny1355.4
Tuesday, June 30, 2026ColdPartly cloudy1355.4
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.