SpanColumnComponent
Represents a column which can be spanned over multiple data cells while the individual
header and footer cells are retained (see example).
Enables you to achieve more flexible layout while keeping the built-in UI element for
sorting and filtering. Wrap the columns that will be
merged inside the <kendo-treelist-span-column>
tag.
<kendo-treelist-span-column>
<kendo-treelist-column field="field1" ></kendo-treelist-column>
<kendo-treelist-column field="field2" ></kendo-treelist-column>
<ng-template kendoTreeListCellTemplate let-dataItem>
<h5>{{ dataItem.field1 }}</h5>
<p>{{ dataItem.field2 }}</p>
</ng-template>
</kendo-treelist-span-column>
Selector
kendo-treelist-span-column
Inputs
Name | Type | Default | Description |
---|---|---|---|
autoSize |
|
Indicates whether the column will be resized during initialization so that it fits its header and row content. | |
columnMenu |
|
|
Specifies if the column menu will be shown for the column. |
class |
|
Sets the custom CSS classes to the column cells. Under the hood, to apply the property, the | |
editable |
|
Defines whether the edit template of the column will be rendered. The default value is To enable the editing functionality for a spanned column, set an edit template for it. | |
expandable |
|
|
Defines whether the expanded indicator should be rendered in the column. |
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 the columns. |
locked |
|
|
Toggles the locked (frozen) state of the columns. Locked columns are visible at all times during the horizontal scrolling of the TreeList. See example. |
media |
|
Sets the condition that needs to be satisfied for a column to remain visible (see example).
If you set the | |
minResizableWidth |
|
|
The width (in pixels) below which the user is not able to resize the column by using the UI. |
reorderable |
|
|
Indicates whether the column is reorderable. |
resizable |
|
|
Indicates whether the column is resizable. |
style |
|
Sets the custom styles for the table cells (excluding the footer and header ones) of the column. Under the hood,
to apply the property, the | |
tableCellsRole |
|
|
Allows setting the |
Fields
Name | Type | Default | Description |
---|---|---|---|
orderIndex |
|
|
The column index after reordering. The orderIndex` is a read-only property. Setting this field does not affect column order. |