Строки столбцов не синхронизированы в сетке кендо

Question

У меня есть сетка Кендо со слишком большим количеством столбцов. Сначала я решил скрыть некоторые столбцы, но позже решил отобразить все столбцы с горизонтальной полосой прокрутки.

Я сделал это, присвоив ширину каждому столбцу. Когда я это сделал, строки между каждым столбцом не синхронизированы со строками заголовка.

Я имею в виду, что линии в части данных сетки немного смещены влево относительно строк заголовка.

Чтобы уточнить, когда я даю ширину для каждого столбца в пикселях, вышеупомянутая проблема сохраняется. Но когда я даю ширину в%, полоса прокрутки не отображается.

Я хочу отобразить полосу прокрутки, чтобы показать все столбцы.

Есть идеи о том, как это сделать?

Answer 1

Вот довольно прямая сетка с горизонтальной полосой прокрутки (игнорируйте виртуализацию) http://demos.kendoui.com/web/grid/virtualization-remote-data.html. У вас есть ширина вашей сетки или ее родитель и ширина для каждого столбца с их суммой по фактической ширине сетки, тогда вы получите полосу прокрутки:

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

(В прошлом я делал несколько сеток Kendo и никогда не сталкивался с такой проблемой. Похоже, вы устанавливаете ширину столбца непосредственно в html, я не могу понять, как иначе Kendo выйдет из синхронизации.)