DxTableBandHeader Plugin Reference

A plugin that renders the banded cells.

Import

Use the following statement to import a plugin with embedded theme components:

import { DxTableBandHeader } from '@devexpress/dx-vue-grid-bootstrap4';

If you want to use custom components, you can import the themeless plugin:

import { DxTableBandHeader } from '@devexpress/dx-vue-grid';

Name	Type	Description
cellComponent	DxTableBandHeader.DxCell	A component that renders a band cell.
rowComponent	DxTable.DxRow	A component that renders a band cells’ row.
columnBands	Array<DxTableBandHeader.ColumnBands>	Column bands for multi-level table header.

Describes properties of column bands that the DxTableBandHeader plugin renders.

Name	Type	Description
columnName?	string	A column name that is used to identify a column in the bands tree.
title?	string	The band’s title. Used only for bands and ignored for columns.
children?	Array<DxTableBandHeader.ColumnBands>	Nested bands and columns.

Field	Description
default	The default Vue slot.

Name	Properties	Description
DxTableBandHeader.components.DxCell	DxTable.DxCell	A component that renders a band cell.
DxTableBandHeader.components.DxRow	DxTable.DxRow	A component that renders a band cells’ row.

Name	Plugin	Type	Description
tableHeaderRows	Getter	Array<TableRow>	Header rows to be rendered.
tableColumns	Getter	Array<TableColumn>	Table columns.
tableCell	Template	DxTable.DxCell	A template that renders a table cell.
tableRow	Template	DxTable.DxRow	A template that renders a table row.

Name	Plugin	Type	Description
tableHeaderRows	Getter	Array<TableRow>	Table header rows.