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]Data Binding
   [Collapse]Views
    [Expand]Grid View
     Banded Grid Views
    [Expand]Card and Layout Views
     WinExplorer View
    [Expand]Tile View
   [Expand]Data Editing and Validation
   [Expand]Grouping
   [Expand]Sorting
   [Expand]Filter and Search
   [Expand]Summaries
   [Expand]Focus and Selection Handling
    Formatting Cell Values
   [Expand]Master-Detail Relationships
   [Expand]Asynchronous Image Load
   [Expand]Export and Printing
   [Expand]Appearance and Conditional Formatting
    Split Presentation
    Row Preview Sections
    Scrolling
   [Expand]Batch Modifications
   [Expand]Hit Information
    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]ASP.NET Core 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]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Banded Grid Views

Banded Grid View (BandedGridView) displays data in a tabular form and organizes columns into bands. Advanced Banded View (AdvBandedGridView) does the same and additionally supports complex layouts of data cells.

Demo: Banded Views

Expanded Bands and Columns

BandedGridView and AdvBandedGridView Views feature bands - stripes that organize grid columns into categories.

Columns in banded Views are instances of the BandedGridColumn class and inherit most of their settings from the parent GridColumn class.

Expanded Add, Remove and Modify Bands

Run the Grid Designer and switch to the "Bands" tab. This tab has buttons to add and remove bands, and a property grid to modify band settings. You can also re-arrange bands by dragging them.

In code, create GridBand objects and place them to the BandedGridView.Bands collection.

Expanded Add Columns to Bands

At design time, drag a column and drop it below a band.

In code, either access the band GridBand.Columns collection and call its "Add", "AddRange" and "Insert" methods, or specify the BandedGridColumn.OwnerBand property for a column.

Expanded Multi-Level Bands

It is possible to stack bands below bands, forming a multi-level band hierarchy.

To do this at design time, drag and drop bands in the Grid Designer's "Bands" tab. In code, place child bands into parent bands' GridBand.Children collections. To retrieve a parent band, use the GridBand.ParentBand property.

Expanded Band Headers

Use the following API to modify band headers.

Expanded Fixed Bands

Similarly to columns, you can anchor bands to left and right sides of a View. Such bands are called fixed and remain in place as end-users scroll through the View.

Related API

Expanded Column Layout in Advanced Banded Views

In an Advanced Banded View, a single row can display vertically stacked cells that belong to different columns. The figure below is a screenshot of the Banded Views demo with eight columns stacked into four rows with the "Performance" band above them.

At design time, you can arrange columns by dragging them directly on the form surface. In code, use the following API.

Expanded End-User Customization

At runtime, end-users can drag-and-drop columns and bands to customize the layout as their needs dictate. It is also possible to hide and restore bands at runtime by calling the "Customization" dialog.

Related API

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