Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Collapse]Data Grid
   [Expand]Getting Started
   [Expand]Binding to Data
   [Collapse]Grid View
    [Collapse]Columns and Card Fields
     [Expand]Customization Form
      Tutorial: Column Resizing
      Tutorial: Best Fit Option
      Tutorial: Auto Width Mode
      Tutorial: Fixed Columns
      Tutorial: Column Reordering
      Tutorial: Column Visibility
      Tutorial: Column Chooser API
      Column and Card Field Overview
      Data Cells
      Column Width Options - Auto-Width, Best Fit and Auto-Fill Column
      Column Visibility
      Creating Columns and Binding Them to Data Fields
      Fixed Columns
    [Expand]Rows and Cards
    [Expand]Row, Column and Cell Access API
    [Expand]Split Presentation
    [Expand]Cell Merging
    [Expand]Row Preview Sections
    [Expand]Scrolling
   [Expand]View Technology
   [Expand]Grouping
   [Expand]Sorting
   [Expand]Summaries
   [Expand]Data Editing
   [Expand]Filtering and Locating Rows
   [Expand]Focus and Selection Handling
   [Expand]Processing Rows
   [Expand]Formatting Cell Values
   [Expand]Master-Detail Relationships
   [Expand]Asynchronous Image Load
   [Expand]Export and Printing
   [Expand]Appearance and Conditional Formatting
   [Expand]Batch Modifications
   [Expand]Hit Information
   [Expand]Hints
   [Expand]Popup Menus
   [Expand]Saving and Restoring Layouts
   [Expand]Visual Elements
   [Expand]Design-Time Features
   [Expand]Examples
   [Expand]End-User Capabilities
    Included Components
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Column and Card Field Overview

The Grid Control control displays information from data sources in its Views. For instance, in Grid Views, data fields are represented as columns and records are displayed as rows. In Card Views and Layout Views, records are represented as cards and data fields are represented as card fields, arranged in a specific manner within a card.

Columns and card fields in Views are encapsulated by specific objects. Columns (in Grid Views) and card fields (in Card Views) are represented by GridColumn objects. In Layout Views, card fields are represented by LayoutViewColumn objects (GridColumn descendants). In Banded and Advanced Banded Grid Views, columns are represented by BandedGridColumn objects (GridColumn descendants). The following image shows the relationship between Views and column objects.

Expanded How Columns and Card Fields are Displayed

Grid Views and Banded Grid Views display data in a tabular format, with column captions at the top and cell values below.

An Advanced Banded Grid View allows you to position column headers in several lines. As a result, column cells are not always initially located one under another:

Card Views and Layout Views display data records using cards. Each card contains fields consisting of caption and value regions. Card field captions are the same for all cards. The image below illustrates a sample Card View.

Card Views arrange card fields one under another, while Layout Views support multiple field layouts. A sample Layout View is shown below.

To learn more about customizing column layout and appearance, refer to the following topics: Column Width Options - Auto-Width, Best Fit and Auto-Fill Column, Fixed Columns and Advanced Banded Grid Views - Column Layouts.

Expanded See Also

How would you rate this topic?​​​​​​​