我已经看到了类似的问题,但大多数处理调整大小的对齐。这特定于在数据源中设置新数据时的对齐。我正在寻找我是否正确设置网格或可能更好的解决方法。
当我调整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/
我正在寻找是否有人遇到过此问题,并知道它与我的设置有关或是否有更好的解决方案?
答案 0 :(得分:0)
以下是我认为我将要使我的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);
}
}