Question

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

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

我试过firefox和chrome都有这个问题。

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

Kendo Grid header and data row columns are not aligned

Bug in kendo ui grid lrt css in chrome

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

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

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

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

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

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

`workaround`

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

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

Answer 1

以下是我认为我将要使我的Kendo网格列重新调整以在Chrome上表现更好。 example fiddle

我必须使用Bug in kendo ui grid lrt css in chrome中的部分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);
  }
}

Angular Kendo数据网格调整大小列会导致标头在新的远程数据源搜索上不对齐

1 个答案: