Column Types

Date
Forecast
Temp. (℃)
Cloud Cover
Precipitation
Tuesday, January 25, 2022 Cold -3 Cloudy
Wednesday, January 26, 2022 Cold -3 Partly cloudy
Thursday, January 27, 2022 Cold -5 Sunny
Friday, January 28, 2022 Cold -4 Partly cloudy
Saturday, January 29, 2022 Cold -6 Sunny

To display data in our Blazor Data Grid, bind it to a data collection and add columns. You can define columns in the Data Grid's markup and cannot change the column collection at runtime. The Data Grid supports the following predefined data column types:

Use the Field property to bind a column to a field from the Data Grid's data collection. The Data Grid generates a user-friendly column caption based on the field name. Use the Caption property to specify a custom column name.

Declare a DxDataGridCommandColumn object to add a command column. This column contains data management buttons that allow users to create, edit, and remove rows. Click the Edit button in any row to see the integrated data editors displayed by the columns listed above.

YouTube Video: Column Customization