New to Kendo UI for Angular? Start 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
Name | Type | Default | Description |
---|---|---|---|
expanded |
|
|
Specifies if the content is expanded. |
service |
|
Represents the | |
showLock |
|
Specifies if the lock column item is shown. | |
showStick |
|
Specifies if the stick column item is shown. |
Events
Name | Type | Description |
---|---|---|
collapse |
|
Emits when the content collapses. |
expand |
|
Emits when the content expands. |