Declined
Last Updated: 03 Jul 2020 06:00 by ADMIN
sebghat
Created on: 02 Jul 2020 12:40
Category: KendoReact
Type: Bug Report
0
Grid first column locked doesn't work. when I scroll horizontally the locked column also gets scrolled and disappears.

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.

Attached Files:
6 comments
sebghat
Posted on: 03 Jul 2020 05:43

Hello There,

Thank you for helping me fix the issue, updating the kendo-theme-material version solved my problem.  

Best Regards,

Sebghat

ADMIN
Stefan
Posted on: 03 Jul 2020 05:13

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
sebghat
Posted on: 02 Jul 2020 13:45

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.

 

ADMIN
Stefan
Posted on: 02 Jul 2020 13:29

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
sebghat
Posted on: 02 Jul 2020 13:21

Thank you for your response,

I've added width to all column but the issue still occurs.

Attached Files:
ADMIN
Stefan
Posted on: 02 Jul 2020 13:05

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.