Grid Columns
- 2 minutes to read
In This Article
A column consists of the following elements:
- A column header identifies a column. This header displays the column’s caption and allows users to move and resize the column, and sort and filter data. To change a column’s caption, specify the ColumnBase.Header property.
- Cells display values from the corresponding field in a data source.
#Create Columns
The GridControl creates columns for all fields in a data source if the DataControlBase.AutoGenerateColumns property is set to true.
Follow the steps below to manually add columns to the GridControl:
- Set the DataControlBase.AutoGenerateColumns property to false.
- Add ColumnBase descendants to the DataControlBase.Columns collection.
- Specify the ColumnBase.FieldName property for each column to bind it to the data source field.
<dxg:GridControl ItemsSource="{x:Bind ViewModel.Source}" AutoGenerateColumns="False">
<dxg:GridControl.Columns>
<dxg:GridTextColumn FieldName="ProductName"/>
<dxg:GridTextColumn FieldName="Country"/>
<dxg:GridSpinEditColumn FieldName="UnitPrice"/>
<dxg:GridTextColumn FieldName="Quantity"/>
<dxg:GridDateColumn FieldName="OrderDate"/>
</dxg:GridControl.Columns>
</dxg:GridControl>
#Column Types
The GridControl includes columns for multiple data types. The following table lists available column types:
Column Type | Description |
---|---|
Grid |
Displays text values. |
Grid |
Displays numeric values. |
Grid |
Displays Boolean values. |
Grid |
Displays lists. |
Grid |
Displays date-time values. |
Grid |
Allows you to use the Grid |
Grid |
Allows you to use the Grid |
See Also