Make + for master/detail sticky

1 Answer 81 Views
Grid
Bernd
Top achievements
Rank 5
Bronze
Bronze
Bronze
Bernd asked on 22 Dec 2021, 01:21 PM

I wonder if it is possible to set the + and - signs in the master/detail views of the Grid component sticky somehow, so that it stays when scrolling horizontally (see attached screenshot). For some of the other columns it works but how to do this for this column I don't know because there is not really a column for this I could manipulate...

 

1 Answer, 1 is accepted

Sort by
0
Kiril
Telerik team
answered on 23 Dec 2021, 12:53 PM

Hello Bernd,

I was able to achieve the desired result by applying some custom styles through targeting the `k-hierarchy-cell` className which we apply to the "+" and "-" cell of the Grid. Please refer to the stackblitz example below:
https://stackblitz.com/edit/react-lk2knm?file=app/styles.css

However, this feature is not currently supported out-of-the-box and we can not guarantee this `lock` behavior will work correctly when other `columns` are set to `locked={true}` due to internal logic which does not take into account our custom styles.

I do understand that this solution might not be optimal, but I decided to share the example anyway, and I hope it will be helpful.

Regards,
Kiril
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/.

Tags
Grid
Asked by
Bernd
Top achievements
Rank 5
Bronze
Bronze
Bronze
Answers by
Kiril
Telerik team
Share this question
or