kendo-uikendo-grid

Kendo Grid Headings misaligned when vertical scrolling is enabled


I've noticed this for a while now on my Kendo Grids. I haven't been able to find anything on SO or the Telerik Support Forums about it so I figured I would just ask to see if anyone else has this same issue.

Basically, if I set my Kendo Grid to have vertical scrolling, the heading columns for my grid are then offset by the width of the scrollbar which appears in the grid body.

I'm not sure if this is a CSS conflict that I have somewhere or if this is just the way Kendo intends it to be (doesn't seem right though).

Here is a screenshot of what I'm referring to:

enter image description here


Solution

  • As I expected, it was a CSS style that was causing this problem.

    Someone at some point overrode the default .kendo-grid-header class and gave it a padding-right of 0px instead of the default 17px.

    Changed it back and now it's displaying as I expect it to.