[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
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Collapse]Data Grid
   [Expand]Getting Started
   [Expand]Implementation Details
    [Expand]Table View
    [Expand]Card View
     TreeList View
     Create and Assign Views
   [Expand]Grid View Data Layout
   [Expand]Binding to Data
   [Expand]Master-Detail Data Representation
   [Expand]Data Editing and Validation
   [Expand]Filtering and Searching
   [Expand]Data Summaries
   [Expand]Paging and Scrolling
   [Expand]Focus, Navigation, Selection
   [Expand]Conditional Formatting
   [Expand]Appearance Customization
   [Expand]MVVM Enhancements
   [Expand]Printing and Exporting
   [Expand]Performance Improvement
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]End-User Capabilities
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [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
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)


Expanded Views Overview

The GridControl uses a View to represent data from a data source. A View specifies the layout of data fields and records, provides multiple options and numerous settings that control the availability of individual data management capabilities (e.g. sorting. grouping, editing) and the appearance of grid elements.

The GridControl provides three types of views.

  • Table View (Default View)

    A Table View represents data in a two-dimensional table. Data source fields are represented by grid columns. Data records are represented by data rows.

  • Card View

    A Card View represents data as cards. Data records are represented by cards. A card arranges data source fields vertically in a single column.

  • TreeList View

    A TreeList View is designed to display information in a tree from hierarchical data structures. Data records are represented by nodes.

Expanded Main Features Supported by All View Types

  • Data Sorting

    Data can be sorted against one or multiple columns. When sorting is applied, rows are re-arranged to meet the current sort settings.

  • Column Filtering

    Filtering allows you to display a subset of records from a data source. End-users can apply a filter using a column's filter dropdown. When filtering is applied, only those records that meet the current filter criteria are displayed. Data can be filtered against multiple columns.

  • Displaying Summaries

    Allows you to display brief information about groups of rows or particular columns. For instance, you can display the number of records, minimum or maximum values within group rows or a Summary Panel.

  • Data Editing

    End-users can edit cell values. Data editing can be disabled for individual columns.

  • Customizable Columns (Cards) Layout

    End-users can reorder columns or card fields via drag-and-drop.

  • Hiding Unused Columns and Card Fields

    End-users can temporarily hide columns from a View at runtime by using drag and drop. Dragging a column's header and dropping it within the Column Chooser hides the column from the View. Dragging a column's header from the Column Chooser back to the View, makes the column visible.

  • Displaying Popup Menus

Expanded See Also

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