[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
   Reporting
  [Collapse]Data Grid
   [Expand]Getting Started
   [Expand]Implementation Details
   [Expand]Views
   [Collapse]Grid View Data Layout
    [Collapse]Columns and Card Fields
      Accessing and Identifying Columns
     [Expand]Creating Columns and Binding Them to Data Properties
      Hiding and Displaying Columns and Bands
    [Expand]Bands
    [Expand]Rows and Cards
    [Expand]Nodes
     Data Cells
     Best Fit
     Compact Mode
   [Expand]Binding to Data
   [Expand]Master-Detail Data Representation
   [Expand]Data Editing and Validation
   [Expand]Grouping
   [Expand]Filtering and Searching
   [Expand]Sorting
   [Expand]Data Summaries
   [Expand]Paging and Scrolling
   [Expand]Focus and Navigation
   [Expand]Selection
   [Expand]Drag-and-Drop
   [Expand]Conditional Formatting
   [Expand]Appearance Customization
   [Expand]MVVM Enhancements
   [Expand]Printing and Exporting
   [Expand]End-User Interaction
   [Expand]Miscellaneous
   [Expand]Performance Improvement
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]End-User Capabilities
   [Expand]Examples
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Printing-Exporting
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Columns and Card Fields

The GridControl displays tabular information in its Views. Data sources present this information using data fields and records. In a Table View, data fields are represented as columns, and records are displayed as rows. Column headers can be arranged into Bands to create multi-row layout. In a Card View, records are represented as cards, and data fields are represented as card fields. In the TreeListView, records are represented as tree nodes, and data fields are represented as columns.

Columns and card fields are encapsulated by GridColumn objects. These objects are stored within the grid's GridControl.Columns collection.

Expanded Columns

A column consists of the following elements:

  • A column header which identifies a column. It displays the column's caption and enables an end-user to move and resize the column, apply sorting and filtering, etc. For detailed information on column header settings, see Column Header Customization.
  • Cells that display values from the corresponding field in a data source.
  • A Footer Cell which displays a total summary(s).

TreeList Hierarchy Column

By default, the TreeList's hierarchy column (the one that displays expand and collapse buttons) is the first visible column. You can explicitly specify the hierarchy column for the TreeList view using the TreeListView.TreeColumnFieldName property. This allows you to move the column and its associated hierarchy information to any position.

Expanded Card Fields

A card field consists of the following elements:

  • The caption which indicates to which data source field the card field corresponds.
  • A field value.

For detailed information on card settings, see Card Settings.

Expanded Band Columns

TableView allows you to organize columns in logical groups (bands) and display them within multi-row headers. A band column is visually represented by a header displayed above headers of the columns it combines.

For detailed information on band column settings, see Bands.

Expanded See Also

Is this topic helpful?​​​​​​​