Kendo React grid : Need of Two horizontal scrollbars (one at below the header field and one at the bottom of the grid)

1 Answer 63 Views
Grid
Jason
Top achievements
Rank 2
Iron
Iron
Iron
Jason asked on 18 Nov 2022, 09:46 PM

Greetings,

Is there a way to add a horizontal scrollbar at the top (right below the column header) of the React grid table?
Currently, there is one at the bottom of the React grid and I couldn't seem to find a way to create the same one for the top.
Please help, thanks!

Regards,

Jason

1 Answer, 1 is accepted

Sort by
0
Filip
Telerik team
answered on 22 Nov 2022, 01:42 PM

Hello, Jason,

Currently adding a scrollbar on the top of the Grid below the header field is not supported, however, it is possible to render one above the header field with this custom implementation:

https://stackblitz.com/edit/react-vg4fgz-rz8urd?file=app/main.jsx

The main idea is to render an external scrollbar and handle the onScroll events of the Grid and the fake scrollbar to unify their scrollLeft position.

I hope this helps.

Regards,

Filip
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
Jason
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Filip
Telerik team
Share this question
or