vertical scrollbars removed....padding remains

[GameOfTrolls]

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;">

[Will]

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.

[Wiktor]

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.

[Dimo]

Hello all,

The discussed behavior is documented:

https://docs.telerik.com/kendo-ui/controls/grid/scrolling/overview#setting-the-scrollbars

Regards,
Dimo
Telerik

 

 

[serge]

the link is invalid, the behavior of hardcoded 17px is AWFUL!!!

[Neli]

Hi Serge,

The link is now updated, so you can check it and read more about setting the Scrollbars in the Grid.

Regards,

Neli