React Grid - Banded Columns

The Grid allows you to organize column headers into bands.

The following plugins implement the Banded Columns feature:

Basic Setup

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

Customize the Appearance

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

NOTE: The default className property is retained while customizing the TableHeaderRow plugin’s cell component.