CommandColumnComponent
Represents the command columns of the TreeList. You have to define the content of the
column inside an <ng-template>
tag. For more information and examples on using the passed fields
and the command directives, refer to the article on
editing the TreeList in Angular Reactive Forms.
Usually, the template contains CRUD command directives such as:
<kendo-treelist ...>
<kendo-treelist-column field="ProductID"></kendo-treelist-column>
<kendo-treelist-command-column title="command" >
<ng-template kendoTreeListCellTemplate>
<button kendoTreeListEditCommand class="k-primary">Edit</button>
<button kendoTreeListRemoveCommand>Remove</button>
</ng-template>
</kendo-treelist-command-column>
</kendo-treelist>
Selector
kendo-treelist-command-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 | |
footerClass |
|
Sets the custom CSS classes to the column footer cell. Under the hood, to apply the property,
the | |
footerStyle |
|
Sets the custom styles for the footer cell of the column. Under the hood, to apply the property,
the | |
headerClass |
|
Sets the custom CSS classes to the column header cell. Under the hood, to apply the property,
the | |
headerStyle |
|
Sets the custom styles for the header cell of the column. Under the hood, to apply the property,
the | |
hidden |
|
|
Sets the visibility of the column (see example). |
includeInChooser |
|
|
Specifies if the column will be 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 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 |
title |
|
The title of the column. | |
width |
|
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. |