Data Binding

 
Date Forecast Cloud Cover Temp. (℃) Temp. (℉)
Thursday, June 19, 2025 Warm Sunny 15 59
Friday, June 20, 2025 Warm Partly cloudy 16 60.8
Saturday, June 21, 2025 Warm Sunny 14 57.2
Sunday, June 22, 2025 Warm Sunny 14 57.2
Monday, June 23, 2025 Warm Sunny 16 60.8
Tuesday, June 24, 2025 Cold Storm 16 60.8
Wednesday, June 25, 2025 Warm Partly cloudy 15 59
Thursday, June 26, 2025 Warm Sunny 14 57.2
Friday, June 27, 2025 Cold Cloudy 14 57.2
Saturday, June 28, 2025 Cold Cloudy 14 57.2
Sunday, June 29, 2025 Cold Partly cloudy 13 55.4
Monday, June 30, 2025 Warm Sunny 15 59
Tuesday, July 1, 2025 Warm Cloudy 24 75.2
Wednesday, July 2, 2025 Warm Partly cloudy 24 75.2
Thursday, July 3, 2025 Warm Partly cloudy 25 77
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.

OSZAR »