Hi,
We are using kendo grid with n number of columns, each column has defined width. When user dynamically hiding the column kendo grid view collapsing [column width & border not aligned with row contents].
I have attached sample image.
Thanks,
3 Answers, 1 is accepted
Hello, Jega,
We made an example where each column has width, the columns are shown/hidden dynamically and the columns are aligned:
https://stackblitz.com/edit/react-xthkn8?file=app%2Fcolumns.js
If the issue still occurs, please share an example and I will be happy to take a look at it.
Regards,
Stefan
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 https://learn.telerik.com/.
Rank 1
Iron
Iron
Hi Stefan,
I can able reproduce the issue by adding selectable={{enabled: true}} to grid.
https://stackblitz.com/edit/react-xthkn8-avh4ag?file=app%2Fmain.jsx
Can you please check above example and find a ways to solve the issue?
Thanks,
Vignesh
Hello, Jega,
Thank you for the example.
This was caused by an issue we already fixed in version 4.7.0. After I updated the packages in the demo, it was working as expected:
https://stackblitz.com/edit/react-xthkn8-ass6tc?file=app%2Fcolumns.js
Please update the real application to version 4.7.0 and advise if the issue still occurs. Please make a clean install to ensure no older version is cached.
- delete package-lock.json
- delete the node_modules (rm -rf node_modules)
- install the packages again (npm install)
Regards,
Stefan
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.