Javascript 角度剑道数据网格调整列的大小会导致在新的远程数据源搜索中标题未对齐
我见过类似的问题,但大多数都是关于调整大小时的对齐。当在数据源中设置新数据时,这是特定于对齐的。我想看看我是否有正确的网格设置或可能更好的解决办法 当我调整剑道数据网格的大小时,列和标题似乎对齐得很好(Chrome中有些错误)。但是,在调整了其中一列的大小并搜索新数据后,我发现列和标题未对齐 我试过firefox和chrome,都有这个问题 这与这些问题类似,但似乎是在调整大小而不是加载数据Javascript 角度剑道数据网格调整列的大小会导致在新的远程数据源搜索中标题未对齐,javascript,angularjs,kendo-ui,kendo-grid,angular-kendo,Javascript,Angularjs,Kendo Ui,Kendo Grid,Angular Kendo,我见过类似的问题,但大多数都是关于调整大小时的对齐。当在数据源中设置新数据时,这是特定于对齐的。我想看看我是否有正确的网格设置或可能更好的解决办法 当我调整剑道数据网格的大小时,列和标题似乎对齐得很好(Chrome中有些错误)。但是,在调整了其中一列的大小并搜索新数据后,我发现列和标题未对齐 我试过firefox和chrome,都有这个问题 这与这些问题类似,但似乎是在调整大小而不是加载数据 这是我遇到的问题的一个例子。 调整列的大小并点击搜索 请注意,轴网和柱标题未对齐 我已经用许多不同的
这是我遇到的问题的一个例子。
`workaround`
我想看看是否有人遇到过这种情况,并知道它是否与我的设置有关或有更好的解决方案?以下是我认为我将采用的方法,以便调整剑道网格列的大小,使其在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);
}
}
最后不得不将溢出更改为overflow-y:scroll;