首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >角Kendo数据网格调整大小列会导致新的远程数据源搜索中的标头不对齐。

角Kendo数据网格调整大小列会导致新的远程数据源搜索中的标头不对齐。
EN

Stack Overflow用户
提问于 2014-10-22 20:24:25
回答 1查看 1.5K关注 0票数 0

我看到了类似的问题,但大多数涉及调整大小。这是特定于在数据源中设置新数据时的对齐。我想看看我是否有正确的网格设置或一个可能的更好的解决办法。

当我调整Kendo数据网格的大小时,列和标头似乎对齐得很好(Chrome中的一些问题)。但是,在调整其中一个列的大小并搜索新数据后,我发现列和标头对齐不对齐。

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

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

剑道网格标题和数据行列不对齐

chrome中的kendo ui网格lrt css中的Bug

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

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

我已经建立了许多不同的方法,但仍然得到了这个问题。在小提琴有它的设置,这样的数据不会自动加载,我们需要首先搜索。我还通过使用options对象中定义的传输设置数据源来设置数据源的初始加载位置。

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

在检查HTML之后,当我们加载新数据时,我发现标头正在放松Kenodo在调整列大小时设置的样式。

我创建了一个解决方案,它似乎在小提琴中很好地工作,但是头在我的应用程序中会有点紧张,有时会沿着这条路走。

代码语言:javascript
复制
`workaround`  

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

我想看看是否有人遇到过这种情况,并知道它是否与我的设置有关,还是有一个更好的解决方案?

EN

回答 1

Stack Overflow用户

发布于 2014-10-24 13:37:19

这是我认为我要做的是让我的Kendo网格列调整大小,以便在铬上表现得更好。例琴

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

代码语言:javascript
复制
.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);
  }
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26516457

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档