Hello,
I'm looking for a way to lock the column that opens/closes the detail row in a Master-Detail Grid. I can probably use css however I have the next column also locked which dynamically puts it sticky at left: 0, Which would overlap the open/close column.
Any thoughts on how to accomplish this?
Thanks,
Bill
1 Answer, 1 is accepted
Hello, Bill,
The columns can be locked by using the locked prop and specifying a certain width. Here is an example that showcases this approach here:
https://stackblitz.com/edit/react-raap8d?file=app%2Fmain.jsx
Regards,
Filip
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.
Rank 1
Hi Filip,
Thanks for the comment. However, if you notice in your example the column for opening and closing the detail is not frozen. I would like to know if it is possible to freeze that column as well as the "Product" and "ID" column.
Thank you for the provided clarification.
Locking the expand/collapse column is currently not supported and doing so with CSS will affect other columns and styles as you have noticed.
I can recommend submitting a feature request in our feedback portal, where new ideas are constantly being evaluated and the best ones are included in future releases:
https://feedback.telerik.com/kendo-react-ui
I hope this helps.
Regards,
Filip