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

vertical scrollbars removed....padding remains

3 Answers 1098 Views
Grid
This is a migrated thread and some comments may be shown as answers.
GameOfTrolls
Top achievements
Rank 1
GameOfTrolls asked on 24 Aug 2012, 09:30 PM
I have recently removed the vertical scroll bar from my grid but noticed a 17px padding that defeats the purpose of my removal.  
In IE developer tools I see that it's an inline style, but I'm unsure of where/how to override this.   Any guidance or direction would be nice.   


<div class="k-grid-header" style="padding-right: 17px;">

3 Answers, 1 is accepted

Sort by
0
Will
Top achievements
Rank 1
answered on 14 Apr 2013, 09:45 PM
Just in case anyone else encounters this problem when trying to hide the vertical scrollbar on the Kendo Grid control, you can override the inline style by using the css !important declaration like this:

.k-grid-header {
    padding-right: 0 !important;
}

and it will prevent the padding in the header row.
0
Wiktor
Top achievements
Rank 1
answered on 12 Jun 2014, 01:19 PM
I'm using a slightly modified version of Will's style:

.Custom_kendoNormalGrid .k-grid-header[style]
{
    padding-right: 0 !important;
    border-right: solid 16px #00A1DE !important;
}

Additional border-right style emulates the missing padding, thus allowing proper header/column alignments.
0
Dimo
Telerik team
answered on 12 Jun 2014, 02:08 PM
Hello all,

The discussed behavior is documented:

http://docs.telerik.com/kendo-ui/getting-started/web/grid/walkthrough#scrolling

Regards,
Dimo
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
GameOfTrolls
Top achievements
Rank 1
Answers by
Will
Top achievements
Rank 1
Wiktor
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or