New to Kendo UI for Angular? Start a free 30-day trial

ColumnMenuTemplateDirective

Directive

Represents the template for the column menu in the TreeList. Use this directive to customize the content of the column menu for all or specific columns. To define the content template, nest an <ng-template> tag with the kendoTreeListColumnMenuTemplate directive inside the kendo-treelist or the <kendo-treelist-column> component.

The template context is passed through the following fields:

service—Represents the ColumnMenuService.
column—Represents the TreeList column.

Definition

Package:@progress/kendo-angular-treelist

Selector:[kendoTreeListColumnMenuTemplate]

Syntax:

html

<kendo-treelist ... >
  <ng-template kendoTreeListColumnMenuTemplate let-service="service">
    <kendo-treelist-columnmenu-sort [service]="service">
    </kendo-treelist-columnmenu-sort>
  </ng-template>
  <kendo-treelist-column field="name">
    <ng-template kendoTreeListColumnMenuTemplate let-service="service">
      <kendo-treelist-columnmenu-sort [service]="service">
      </kendo-treelist-columnmenu-sort>
    </ng-template>
  </kendo-treelist-column>
</kendo-treelist>