Hello Mark,

Since Mozilla added support for targeting the scrollbars via CSS too, you can try a cross-browser solution for hiding the scrollbars via CSS, e.g.:

https://stackblitz.com/edit/ka-grid-sticky-rows-bgqp9y?file=app/app.component.ts

This is not a tested or official solution - just a suggestion that might point you in the right direction. The suggested approach is to let the Grid built-in rendering mechanism determine whether or not the container should be scrollable (based on the Grid scrollable option), and render scrollbars or not accordingly. If hiding/showing the scrollbars via CSS is a must, styling them and all their inner elements uniformly across browsers can prove to be a tedious task, but is probably possible via the proper custom implementation too.

Regards,
Dimiter Topalov
Progress Telerik

Hi Mark,

You can hide and show the scrollbars dynamically depending on whether the content height exceeds the available Grid height as demonstrated in the following documentation example:

https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/#toc-conditional-scrolling

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik