ColumnMenuLockComponent
Represents a column-menu item that can be placed inside a
ColumnMenuTemplate
directive.
Allows the user to lock or unlock the columns.
You have to set the ColumnMenuService that is passed by the template to the service input of the
kendo-grid-columnmenu-lock
component.
@Component({
selector: 'my-app',
template: `
<kendo-grid [data]="data" [columnMenu]="true">
<ng-template kendoGridColumnMenuTemplate let-service="service">
<kendo-grid-columnmenu-lock [service]="service">
</kendo-grid-columnmenu-lock>
</ng-template>
<kendo-grid-column field="Field1" [width]="100"></kendo-grid-column>
<kendo-grid-column field="Field2" [width]="100"></kendo-grid-column>
</kendo-grid>
`
})
class AppComponent {
public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
}
Selector
kendo-grid-columnmenu-lock
Inputs
service
Represents the ColumnMenuService
class.
Requires a mandatory input.