ColumnGroupComponent
Represents the column group header of the Grid (more information and examples).
Use this component to group columns under a common header.
<kendo-grid [data]="gridData">
<kendo-grid-column-group title="Product Info">
<kendo-grid-column field="ProductID"></kendo-grid-column>
<kendo-grid-column field="ProductName"></kendo-grid-column>
</kendo-grid-column-group>
<kendo-grid-column field="UnitPrice"></kendo-grid-column>
</kendo-grid>
Selector
kendo-grid-column-group
Inputs
Name | Type | Default | Description |
---|---|---|---|
autoSize |
|
Specifies if the column is automatically resized during initialization to fit its header and row content. | |
columnMenu |
|
|
Specifies if the column menu is shown for the column. |
class |
|
Sets custom CSS classes to the column cells.
Uses the | |
filterClass |
|
Sets custom CSS classes to the filter row cell.
Uses the | |
filterStyle |
|
Sets custom styles for the filter row cell.
Uses the | |
footerClass |
|
Sets custom CSS classes to the column footer cell.
Uses the | |
footerStyle |
|
Sets custom styles for the footer cell of the column.
Uses the | |
headerClass |
|
Sets custom CSS classes to the column header cell.
Uses the | |
headerStyle |
|
Sets custom styles for the header cell of the column.
Uses the | |
hidden |
|
|
Sets the visibility of the column (see example). |
lockable |
|
|
Specifies if the column can be locked or unlocked from the column menu or by reordering. |
locked |
|
|
Toggles the locked (frozen) state of the column (more information and example). |
media |
|
Sets the condition for the column to remain visible (see example).
If you set the Accepts device identifiers from Bootstrap 4 (see example). | |
reorderable |
|
|
Specifies if the column is reorderable. |
resizable |
|
|
Specifies if the column is resizable. |
stickable |
|
|
Specifies if the column can be stuck or unstuck from the column menu. |
sticky |
|
|
Specifies if the column is always visible when scrolling the Grid horizontally. |
style |
|
Sets custom styles for the table cells (excluding footer and header) of the column.
Uses the | |
tableCellsRole |
|
|
Sets the |
title |
|
Sets the column title. | |
width |
|
Sets the column width (in pixels). |
Fields
Name | Type | Default | Description |
---|---|---|---|
orderIndex |
|
|
Gets the column index after reordering. The |