Pending Review
Last Updated: 18 Dec 2018 07:53 by ADMIN
David
Created on: 11 Dec 2018 16:03
Category: Kendo UI for Angular 2+
Type: Feature Request
0
Kendo Grid Autosize Headers

When assigning data to a grid dynamically (ie: not specific columns to a grid) the Grid Columns should autosize to the width of the headers. Currently the only workaround is to use grid.AutoFitColumns() and wrap it in a timeout function. This causes erratic jumps in grid rendering and looks unprofessional.

 

Users should have the option to set gridColumnAutosize = true in the grid component. Then if users dynamically assign the grid data source without explicitly assigning columns then the grid columns will autosize to the width of the column header name.

 

Here is an example of the grid trying to squeeze in all data into the visible area. When it should autosize and create a scrollbar for anything that cannot fit on the page.

https://stackblitz.com/edit/angular-9jogrg?file=app%2Fcustomers.ts

1 comment
ADMIN
Svetlin
Posted on: 18 Dec 2018 07:53
Hi David,

Thank you for the feature request and provided details.

We will track the demand for the feature and eventually provide it in a future release of Kendo Ui for Angular.

Regards,
Svetlin
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.