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

ColumnMenuPositionComponent

Component

Represents the column-menu item that combines lock and sticky column functionalities.

Place this component inside a ColumnMenuTemplate directive. To register the component as a known column menu item, set the ColumnMenuService that the template passes to the service input of the kendo-grid-columnmenu-position component. See example.

Definition

Package:@progress/kendo-angular-grid

Selector:kendo-grid-columnmenu-position

Syntax:

html
<kendo-grid [data]="data" [columnMenu]="true" ...>
  <ng-template kendoGridColumnMenuTemplate let-service="service" let-column="column">
    <kendo-grid-columnmenu-position [service]="service" [showLock]="true" [showStick]="true">
    </kendo-grid-columnmenu-position>
  </ng-template>
</kendo-grid>
html
<kendo-grid-column field="ProductName">
  <ng-template kendoGridColumnMenuTemplate let-service="service">
    <kendo-grid-columnmenu-position [service]="service" [showLock]="true" [showStick]="true">
    </kendo-grid-columnmenu-position>
  </ng-template>
</kendo-grid-column>