I have set grid width as 500 and have defined width of all of its columns and their total width (800) exceeds grid's width (500) but still horizontal scrolling is not coming.
Is there any property setting that needs to be done? Please share a working code with me.
Cheers,
Shiva
6 Answers, 1 is accepted
Normally, the scrollbar should appear automatically when the sum of visible columns' widths exceeds the Grid width. Here is a test page:
https://dojo.telerik.com/adAGiQud
Greetings,
Dimo
the Telerik team
Rank 1
I wish my other problems would also have been replied this quick.
Rank 1
Hi,
I have same issue, but can't see the link you provided, can you please advise?
thanks
Hi Debbie,
I have replaced the inaccessible example with a new one. Basically, the scrollbar should appear automatically when the sum of visible columns' widths exceeds the Grid width. Of course, this assumes that scrolling is enabled (it is enabled by default, except for the ASP.NET MVC and ASP.NET Core wrappers).
The new example URL is: https://dojo.telerik.com/adAGiQud
For details, please refer to the scrolling documentation:
https://docs.telerik.com/kendo-ui/controls/data-management/grid/scrolling/overview
ASP.NET MVC-specific
https://docs.telerik.com/aspnet-mvc/html-helpers/data-management/grid/scrolling/overview
ASP.NET Core - specific
https://docs.telerik.com/aspnet-core/html-helpers/data-management/grid/scrolling/overview
Regards,
Dimo
Progress Telerik
Rank 1
Veteran
Hello Christine,
Thanks for reporting the broken links. I have updated them.
The idea remains the same - to use horizontal scrolling, you need:
- explicit widths for all Grid columns
- the sum of the column widths should exceed the Grid width
Let us know how it goes.
Regards,
Dimo
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/.