Hi,
I'm trying to make a grid with a horizontal scrollbar but it doesn't work. I've read the documentation and understand that scrolling is enabled by default and if my columns have a set width and their sum is more than the width of my grid, the scrollbar should show up. But unfortunately it doesn't.
I tried copying and pasting the example from the documentations here: https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes
I don't know of and don't see any styles that might interfere with that.
Any ideas?
Tahnks
2 Answers, 1 is accepted
Hi Tomer,
Yes, by default the horizontal scrollbar appears when all columns widths are explicitly set, using the [width] option and the cumulative columns width is greater than the Grid width.
https://www.telerik.com/kendo-angular-ui/components/grid/columns/width/
https://stackblitz.com/edit/angular-eaelac?file=app/app.component.ts
I am not sure what exactly causes the experienced issue. Please ensure that a kendo theme is installed. When installing any Kendo Angular package, using the quick setup approach, the Default theme is installed automatically.
I am attaching a runnable Angular 10 application for a reference. Please install the project dependencies by running npm install command in the root folder, then use ng serve command to run the app.
Let me know if I can provide any further assistance.
Regards,
Martin
Progress Telerik
Rank 1
Veteran
Adding
.k-grid-content { overflow-x: scroll; }
fixed it for me. Found this suggestion buried somewhere in stack overflow