Data Binding

 
Date Forecast Cloud Cover Temp. (℃) Temp. (℉)
Thursday, May 22, 2025 Cold Storm 17 62.6
Friday, May 23, 2025 Warm Partly cloudy 16 60.8
Saturday, May 24, 2025 Warm Partly cloudy 16 60.8
Sunday, May 25, 2025 Warm Sunny 16 60.8
Monday, May 26, 2025 Warm Sunny 17 62.6
Tuesday, May 27, 2025 Warm Sunny 14 57.2
Wednesday, May 28, 2025 Warm Sunny 16 60.8
Thursday, May 29, 2025 Warm Partly cloudy 16 60.8
Friday, May 30, 2025 Warm Sunny 16 60.8
Saturday, May 31, 2025 Warm Sunny 17 62.6
Sunday, June 1, 2025 Warm Partly cloudy 20 68
Monday, June 2, 2025 Warm Storm 20 68
Tuesday, June 3, 2025 Warm Partly cloudy 18 64.4
Wednesday, June 4, 2025 Warm Sunny 18 64.4
Thursday, June 5, 2025 Warm Sunny 18 64.4
Data grid with 15 rows and 5 columns

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.