[Solved] Grid columns width

[Fred]

How can I create a KendoReact grid with columns that automatically adjusts to the width of the longest content in each column ?

[Konstantin Dikov]

Hi Fred,

You can use the fitColumns method of the Grid's API to adjust the width based on the content of the columns. Here is an example with such approach:

• https://stackblitz.com/edit/react-cwagav-uvgukb?file=app%2Fmain.jsx
• https://www.telerik.com/kendo-react-ui/components/grid/api/Grid/#toc-fitcolumns

As you will notice, the fitColumns accepts an array with the id's of the columns you want to adjust and in the first link with the example I have shown how to obtain the generated id's for the columns. 

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik