0

我见过与此类似的问题，但大多数处理调整大小的对齐。这是特定于在数据源中设置新数据时的对齐方式。我正在查看是否正确设置了网格或可能有更好的解决方法。

当我调整 Kendo 数据网格的大小时，列和标题似乎对齐得很好（Chrome 中的一些错误）。但是，在我调整其中一列的大小并搜索新数据后，我发现列和标题未对齐。

Firefox 和 chrome 都试过了，都有这个问题。

这与这些问题类似，但似乎是在调整大小而不是数据加载。

Kendo Grid 标题和数据行列未对齐

chrome中剑道ui网格lrt css中的错误

Here is an example of the issue I'm running into. http://jsfiddle.net/teisaacs21w/6k5km7nb/

  1. 调整列大小并点击搜索
  2. 注意网格和列标题未对齐

我已经以许多不同的方式设置了这个网格，但仍然遇到这个问题。在小提琴中进行设置，因此数据不会自动加载，我们需要先进行搜索。我还通过使用选项对象中定义的传输设置数据源，在最初加载数据源的位置设置它。

到目前为止，我还没有找到一种方法来设置这个我没有看到这个问题的地方。

检查 HTML 后，当我们加载新数据时，我发现标题失去了 Kenodo 在列调整大小时设置的样式。

我创建了一个解决方法，在小提琴中似乎可以正常工作，但我的应用程序中的标题有时会走这条路。

`workaround`

http://jsfiddle.net/teisaacs21w/a7cfv4g6/

我正在寻找是否有人遇到过这个问题并知道它是否与我的设置有关或有更好的解决方案？

4

1 回答 1

0

这是我认为我将要使用的内容，以使我的 Kendo 网格列调整大小以在 chrome 上表现更好。 示例小提琴

我不得不在 chrome 中的 kendo ui grid lrt css 中的 Bug 中使用部分 CSS 解决方法，对于搜索问题，我使用了我在上面发布的内容。当网格有很多数据并且我们调整列的大小时，仍然存在一些绘画问题，但总的来说这要好得多。

.k-grid-content {
  overflow-y: auto;
}

dataBound: function(e) {
  //column header fix, make sure header keeps the same style that kendo applied on resize
  var headerObj = $(".k-grid-header-wrap table");
  var gridObj = $(".k-grid-content table");
  var gridObjStyle = gridObj.attr('style');

  if (gridObjStyle) {
    headerObj.attr('style', gridObjStyle);
  }
}
于 2014-10-24T13:37:19.280 回答