GameOfTrolls
Top achievements
Rank 1
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;">
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
1
Will
Top achievements
Rank 1
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.
.k-grid-header {
padding-right: 0 !important;
}
and it will prevent the padding in the header row.
0
Wiktor
Top achievements
Rank 1
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.
.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
Hello all,
The discussed behavior is documented:
https://docs.telerik.com/kendo-ui/controls/grid/scrolling/overview#setting-the-scrollbars
Regards,
Dimo
Telerik
The discussed behavior is documented:
https://docs.telerik.com/kendo-ui/controls/grid/scrolling/overview#setting-the-scrollbars
Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
serge
commented on 12 Jan 2024, 04:05 PM
Top achievements
Rank 2
Bronze
Iron
Iron
Rank 2
Bronze
Iron
Iron
the link is invalid, the behavior of hardcoded 17px is AWFUL!!!
Neli
commented on 17 Jan 2024, 07:52 AM
Telerik team
Hi Serge,
The link is now updated, so you can check it and read more about setting the Scrollbars in the Grid.
Regards,
Neli