Need More Info
Last Updated: 22 Apr 2021 10:23 by Gerhard
Created on: 30 Mar 2021 17:37
Category: Grid
Type: Feature Request
Autofit column widths on data load

I want the grid to be able to resize all the columns (or only certain columns) to fit their data, when the data loads, without the user having to double click the border between them.



Automatic application of the auto fitting will come with a flicker, and that's why it was declined as a feature originally. In Blazor we have a detachment between code and when exactly something is rendered. So, we have no way to trigger the resizing logic immediately after the columns content is rendered. The events that are available will cause a flicker and can cause a performance hit - both for the browser and also by raising StateChanged multiple times.

Another caveat is how would this be exposed for configuration - should it work for all columns at once, or only for certain columns (how to control for which ones), how to control which data-related events should invoke this logic (or should it happen super often on any event). Exposing such configuration is likely to lead to a property hell type of situation.

Perhaps a way to get this would be to provide API on the grid to invoke that functionality that you can call as required by your logic and UX:

Nevertheless, we will keep this open to monitor for feedback, what is requested, interest and how people would want it exposed. Leave your comments and preferences here.


Posted on: 22 Apr 2021 10:23

If we can get this at least there a way to sensibly size columns.

I will add suggestions/requests there.

Posted on: 31 Mar 2021 09:38

Hi Marin,

Thanks for the clarification. Then indeed that won't do any good. I really hope you guys can come up with something, our users are really missing this functionality in the grids :) 

Marin Bratanov
Posted on: 31 Mar 2021 09:34

Thank you for the suggestion, Joeri.

A problem with that is that setting the Width parameter of the column must render that setting to the colgroup element which has a different meaning - it is a plain CSS rule where any other column width goes (say, explicit values in pixels). Even if the grid were to look for it, it would then have to await rendering, then invoke calculations, and set the width in pixels, which will flicker, and will fire StateChanged.


Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at

Posted on: 31 Mar 2021 08:59


I was also looking for this exact feature after 2.23.0 was released. A suggestion I have about the configuration part is to use the Width="auto" on the GridColumn component. So if I have a grid with 2 columns, and I want to have one of the columns to be autofitted on loading, then I set the Width parameter of the GridColumn to "auto". Then the component knows on data load which columns needs to be autofitted.