Grid: Locked Columns - Extra Space

[Bill]

I've looked through the forums and it seems this is the expected behavior, but is there a way to have the grid expand to fill the space when columns are locked?

 

Also if we have the first two columns locked is there a way to prevent reordered columns to be placed in between them or before them?

 

Thanks for your help and direction in the past!

 

 

 

[Stefan]

Hello, Bill,

This is indeed an expected behavior as the locked columns require a fixed width for the Grid and the columns. The locked columns are used in cases where the combined width of all columns is larger than the Grid width and scrolling is needed. In those cases, if a column has no width it will be removed from the Grid as there will be no space for it. If the Grid will not be scrollable there is no need for locked columns as all columns will be visible.

As for fixing the locked columns at the beginning of the Grid, this can be done by setting the orderIndex of those columns to 0, this will prevent any columns to be placed before or between them:

https://www.telerik.com/kendo-react-ui/components/grid/api/GridColumnProps/#toc-orderindex

I made an example showcasing this:

https://stackblitz.com/edit/react-zpn8cy?file=app/main.jsx

Regards,
Stefan
Progress Telerik