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

Horizontal scroll - display of the grid is disrupted

3 Answers 104 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ro
Top achievements
Rank 1
Ro asked on 21 Dec 2015, 11:28 AM

Hi, 

I have a grid with horizontal scroll.

Whenever I use the scroll,  the display of the grid is disrupted:
The first column of the header is cut in the middle (as you can see in the attached image) -
the content looks good but doesn't fit to the header.

What can I do about this?

Thanks!

 


The display of the grid is disrupted
The display of the grid is disrupted

3 Answers, 1 is accepted

Sort by
0
Patrick | Technical Support Engineer, Senior
Telerik team
answered on 21 Dec 2015, 05:23 PM
Hello Ro,

Take a look at this sample which includes a grid with a horizontal scroll.  When I scroll to the right, it works as expected.  

I recommend you to update the attached grid or create a new dojo which demonstrates the behavior of your Kendo Grid and reply back with the results. 

I look forward to your response.

Regards,
Patrick
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Ro
Top achievements
Rank 1
answered on 22 Dec 2015, 08:00 AM

It's happen when the vertical scroll is auto or hidden

Please check this dojo

http://dojo.telerik.com/Univi

 

0
Patrick | Technical Support Engineer, Senior
Telerik team
answered on 22 Dec 2015, 04:34 PM
Hi Ro,

Take a look at this demo with a solution to your issue.    By using applying the following CSS, the headers will align when you scroll the horizontal bar:
   <style>
    #grid .k-grid-content{
    overflow-y : auto;
    }
    #grid .k-grid-header {
    padding: 0 !important;
}
  </style>
 
For more details regarding the subject, see this documentation called "Remove the vertical scrollbar" just before Locked Columns section.

Hope this helps!

Regards,
Patrick
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Ro
Top achievements
Rank 1
Answers by
Patrick | Technical Support Engineer, Senior
Telerik team
Ro
Top achievements
Rank 1
Share this question
or