Skip to main content

Create and Assign Views

You can specify the GridControl‘s view by assigning one of the following objects to the GridControl.View property.


The GridControl uses TableView by default.

Assign a View at Design Time

The following example shows how to assign a TreeListView to the GridControl in markup:

<dxg:GridControl ItemsSource="{Binding Employees}">
        <dxg:TreeListView KeyFieldName="ID" ParentFieldName="ParentID"/>
    <dxg:GridColumn FieldName="Name"/>
    <dxg:GridColumn FieldName="Position"/>
    <dxg:GridColumn FieldName="Department"/>

Creating and assigning views treelist

Assign a View at Runtime

The following example shows how to assign a CardView to the GridControl in code:

using DevExpress.Xpf.Grid;

// ...
public Window1() {
    grid.View = new CardView() {
        NavigationStyle = GridViewNavigationStyle.Cell,
        AllowGrouping = false
    grid.DataSource = new nwindProductsDataSetTableAdapters.ProductsTableAdapter().GetData();

Creating and assigning views CardView