Grid autoFitColumns() still has line wrapping

[Bob]

Hello. I am attempting to have it so that the grid's columns will be as wide as the widest value rendered. In other words, do not line wrap data or hide overflow of individual cells.

Per (https://www.telerik.com/kendo-angular-ui/components/grid/api/GridComponent/#toc-autofitcolumns), this method should adjust "the width of the specified columns to fit the entire content, including headers, without wrapping". I can verify that when the data source is specified in the client like so:
https://stackblitz.com/edit/angular-7bppyc-ujhnha?file=app%2Fapp.component.ts

 

However, if you fetch the data asynchronously, it only resizes to the width of the column header text and not the contents of the cells. 

 

 

[Bob]

It appears that when I call autoFitColumns() in the subscribe() call to the async service it's working properly. 

[Dimiter Topalov]

Hello Bob,

Indeed, all the data that will be rendered in the Grid needs to be available so that the internal calculations of the autoFitColumns() method are applied properly.

Regards,
Dimiter Topalov
Progress Telerik