Data Binding

 
Date Forecast Cloud Cover Temp. (℃) Temp. (℉)
Tuesday, May 6, 2025 Warm Sunny 18 64.4
Wednesday, May 7, 2025 Cold Storm 15 59
Thursday, May 8, 2025 Warm Sunny 15 59
Friday, May 9, 2025 Warm Sunny 14 57.2
Saturday, May 10, 2025 Warm Sunny 14 57.2
Sunday, May 11, 2025 Cold Storm 16 60.8
Monday, May 12, 2025 Warm Sunny 18 64.4
Tuesday, May 13, 2025 Warm Partly cloudy 19 66.2
Wednesday, May 14, 2025 Cold Storm 18 64.4
Thursday, May 15, 2025 Warm Sunny 16 60.8
Friday, May 16, 2025 Warm Partly cloudy 15 59
Saturday, May 17, 2025 Warm Partly cloudy 15 59
Sunday, May 18, 2025 Warm Sunny 13 55.4
Monday, May 19, 2025 Warm Sunny 11 51.8
Tuesday, May 20, 2025 Warm Sunny 11 51.8
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.