CODEWITHSUNDEEP
kendo-uikendo-grid
Manikandan
Manikandan

Reputation: 627

Column lines are not in sync in a Kendo grid

I have a Kendo grid with too many columns. Initially I chose to hide some columns, but later I decided to display all the columns with a horizontal scrollbar.

I did this by assigning a width to each column. When I did so, the lines between each column are not in sync with the header lines.

I mean, the lines in the data part of the grid, are moved slightly to the left with respect to the header lines.

To clarify, when I give the width for each column in pixels the above problem persists. But, when I give the width in %, the scrollbar is not displayed.

I want to display the scrollbar to show all the columns.

Any ideas about how to do this?

Upvotes: 3

Views: 7296

Answers (1)

Vojtiik
Vojtiik

Reputation: 2560

Here is quite straight forward grid with horizontal scrollbar (ignore the virtualization) http://demos.kendoui.com/web/grid/virtualization-remote-data.html. Have a width on your grid or it's parent and width for each column with their sum over the actual grid width then you get your scrollbar: 

    { field: "OrderID", title: "Order ID", width: 60 },

(I did quite few Kendo grids in the past and never experienced such issue. Sounds like you setting up the column width directly on the html, I can't see how else would Kendo get out off sync.)

Upvotes: 4

Related Questions