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.
<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. |
