This is a migrated thread and some comments may be shown as answers.

Grid Horizontal scrolling not working

6 Answers 800 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Shiva
Top achievements
Rank 1
Shiva asked on 25 Apr 2012, 12:04 PM
Dear Community,

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

Sort by
0
Accepted
Dimo
Telerik team
answered on 25 Apr 2012, 01:38 PM
Hi Shiva,

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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Shiva
Top achievements
Rank 1
answered on 25 Apr 2012, 03:25 PM
Thanks dear.

I wish my other problems would also have been replied this quick.
0
Debbie
Top achievements
Rank 1
answered on 07 Dec 2018, 11:59 AM

Hi,

I have same issue, but can't see the link you provided, can you please advise?

thanks

0
Dimo
Telerik team
answered on 10 Dec 2018, 12:06 PM

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

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Christine
Top achievements
Rank 1
Veteran
answered on 13 Nov 2020, 07:31 PM
Hi Dimo, I am having the same issue using the asp.net mvc core wrappers.  Unfortunately it looks like the link you posted is no longer working.  Is there a new link I can use?
0
Dimo
Telerik team
answered on 17 Nov 2020, 07:53 AM

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/.

Tags
Grid
Asked by
Shiva
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Shiva
Top achievements
Rank 1
Debbie
Top achievements
Rank 1
Christine
Top achievements
Rank 1
Veteran
Share this question
or