This project is deprecated. Use DevExtreme Vue instead.

Vue Grid - Banded Columns

The Grid allows organizing column headers into bands.

The following plugins implement the Banded Columns feature:

Basic Setup

Import the plugins listed above and specify the DxTableBandHeader plugin’s columnBands property to set up a Grid with banded columns. The band’s nesting depth is unlimited.

Appearance Customization

You can customize the appearance of the header with bands by overriding the DxTableBandHeader and DxTableHeaderRow plugins’ cellComponent properties: