New to Kendo UI for AngularStart a free 30-day trial

ColumnMenuPositionComponent

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.

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>

Selector

kendo-grid-columnmenu-position

Inputs

NameTypeDefaultDescription

expanded

boolean

false

Specifies if the content is expanded.

service

ColumnMenuService

Represents the ColumnMenuService class. This input is required.

showLock

boolean

Specifies if the lock column item is shown.

showStick

boolean

Specifies if the stick column item is shown.

Events

NameTypeDescription

collapse

EventEmitter<any>

Emits when the content collapses.

expand

EventEmitter<any>

Emits when the content expands.

In this article
SelectorInputsEvents
Not finding the help you need?
Contact Support