ColumnComponent
Represents a column in the TreeList. Use this component to define a data-bound column.
<kendo-treelist [kendoTreeListFlatBinding]="data" ...>
<kendo-treelist-column field="name" title="Name"></kendo-treelist-column>
<kendo-treelist-column field="title" title="Title"></kendo-treelist-column>
</kendo-treelist>
Selector
kendo-treelist-column
Inputs
Name | Type | Default | Description |
---|---|---|---|
autoSize |
|
Indicates whether 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 | |
editable |
|
|
Specifies if the column is editable. |
editor |
|
|
Sets the editor type (see example). Used when the column enters edit mode. See example. |
expandable |
|
Specifies if the expanded indicator appears in the column. | |
field |
|
Sets the field to which the column is bound. | |
filter |
|
|
Sets the filter type displayed inside the filter row. |
filterable |
|
|
Specifies if a filter UI appears for this column. |
footerClass |
|
Sets the custom CSS classes to the column footer cell. Under the hood, to apply the property,
the | |
footerStyle |
|
Sets custom styles for the footer cell of the column. Uses the | |
format |
|
Sets the format applied to the value before display. For supported date and number formats, see the Column Formats article. | |
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). |
includeInChooser |
|
|
Specifies if the column is included in the column-chooser list. |
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 (more information and example). |
media |
|
Sets the condition that must be satisfied for a column to remain visible (see example).
If you set the | |
minResizableWidth |
|
|
Sets the minimum width (in pixels) for resizing the column using the UI. |
reorderable |
|
|
Indicates whether the column is reorderable. |
resizable |
|
|
Indicates whether the column is resizable. |
sortable |
|
|
Allows the column headers to be clicked and the |
style |
|
Sets custom styles for the table cells (excluding the footer and header) of the column. Uses the | |
tableCellsRole |
|
|
Sets the |
title |
|
Sets the title of the column. | |
width |
|
Sets the width of the column (in pixels). |
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. |