I am trying to lock first column in Grid, when I used the instructions in Kendo React documentation I tried the same but as you see in screenshots it's not working.
Hello There,
Thank you for helping me fix the issue, updating the kendo-theme-material version solved my problem.
Best Regards,
Sebghat
Hello,
Thank you for sharing the additional details.
I noticed that the material theme is version 2.5.1 which is more than a year old and we have the locked columns styles introduced after that.
Please update to the latest version on the theme and advise if the issue still occurs:
https://www.npmjs.com/package/@progress/kendo-theme-material
Regards,
Stefan
Progress Telerik
Hello,
Thank you again for your response.
I've also set width to the Grid.
- I'm using Material Theme as it's in screenshots.
Hello,
Thank you for the confirmation.
In this case, I can suggest the following:
- Share with us the styles that are applied from the class `table-inner`
- Set width to the Grid as shown in our locked columns demo:
https://www.telerik.com/kendo-react-ui/components/grid/columns/locked/
- The used versions of the components and the used kendo-theme.
Regards,
Stefan
Progress Telerik
Thank you for your response,
I've added width to all column but the issue still occurs.
Hello,
Thank you for the code and screenshot.
I assume the column is not locked as with locked columns `all` columns should have a fixed width in order to correctly calculate their locked position and keep them in view.
Please try adding width to all columns and advise if the issue still occurs.
Regards,
Stefan
Progress Telerik