New to Kendo UI for Angular? Start a free 30-day trial
ColumnMenuAutoSizeColumnComponent
Represents the column-menu item for resizing the specified column to the minimum possible width so that it fits the header or cell content without wrapping. See example. The component can be placed inside a ColumnMenuTemplate directive. See example.
You have to set the ColumnMenuService and column
that are passed by
the template to the service
and column
input of the kendo-grid-columnmenu-autosize-column
component.
html
<kendo-grid [columnMenu]="true" ...>
<ng-template kendoGridColumnMenuTemplate let-service="service" let-column="column">
<kendo-grid-columnmenu-autosize-column [column]="column" [service]="service">
</kendo-grid-columnmenu-autosize-column>
</ng-template>
</kendo-grid>
Selector
kendo-grid-columnmenu-autosize-column
Inputs
Name | Type | Default | Description |
---|---|---|---|
column |
|
The Grid column instance which will be resized through the auto size column option. | |
service |
|
Represents the ColumnMenuService class. Requires a mandatory input. |
Methods
autoSizeColumn |
---|
Resizes a specified column to the minimum possible width so that it fits the widest header or cell content without wrapping. |