ColumnComponent
Represents the columns of the Angular TreeList.
Selector
kendo-treelist-column
Inputs
NAME | TYPE | DEFAULT | DESCRIPTION |
---|---|---|---|
autoSize | boolean | Indicates whether the column will be resized during initialization so that it fits its header and row content. | |
columnMenu | boolean | Specifies if the column menu will be shown for the column. | |
class | string | string[] | Set<string> | {[key: string]: any} | Sets the custom CSS classes to the column cells. Under the hood, to apply the property, the
| |
editable | boolean | Defines whether the column is editable. The default value is
| |
editor | "boolean" | "text" | "numeric" | "date" | Defines the editor type (see example).
Used when the column enters the edit mode. The default value is
| |
expandable | boolean | (default: false) | Defines whether the expanded indicator should be rendered in the column. |
field | string | The field to which the column is bound. | |
filter | "boolean" | "text" | "numeric" | "date" | Defines the filter type that is displayed inside the filter row. The default value is
| |
filterable | boolean | Defines if a filter UI will be displayed for this column. The default value is
| |
footerClass | string | string[] | Set<string> | {[key: string]: any} | Sets the custom CSS classes to the column footer cell. Under the hood, to apply the property,
the
| |
footerStyle | {[key: string]: string} | Sets the custom styles for the footer cell of the column. Under the hood, to apply the property,
the
| |
format | any | The format that is applied to the value before it is displayed.
Takes the Standard format:
Format object for currency:
Format object for dates:
| |
headerClass | string | string[] | Set<string> | {[key: string]: any} | Sets the custom CSS classes to the column header cell. Under the hood, to apply the property,
the
| |
headerStyle | {[key: string]: string} | Sets the custom styles for the header cell of the column. Under the hood, to apply the property,
the
| |
hidden | boolean | (default: false) | Sets the visibility of the column (see example). |
includeInChooser | boolean | Specifies if the column will be included in the column-chooser list. | |
lockable | boolean | Specifies if the column can be locked or unlocked from the column menu or by reordering the columns. | |
media | string | Sets the condition that needs to be satisfied for a column to remain visible (see example).
If you set the
Accepts the device identifiers that are available in Bootstrap 4 (see example):
| |
minResizableWidth | number | The width (in pixels) below which the user is not able to resize the column by using the UI. | |
reorderable | boolean | (default: true) | Indicates whether the column is reorderable. |
resizable | boolean | (default: true) | Indicates whether the column is resizable. |
sortable | Allows the column headers to be clicked and the | ||
style | {[key: string]: string} | 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
| |
title | string | The title of the column. | |
locked | boolean | (default: false) | Toggles the locked (frozen) state of the columns (more information and example).
|
width | number | The width of the column (in pixels). |
Fields
NAME | TYPE | DEFAULT | DESCRIPTION |
---|---|---|---|
orderIndex | number | The column index after reordering.
|