Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/95.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度剑道数据网格调整列的大小会导致在新的远程数据源搜索中标题未对齐_Javascript_Angularjs_Kendo Ui_Kendo Grid_Angular Kendo - Fatal编程技术网

Javascript 角度剑道数据网格调整列的大小会导致在新的远程数据源搜索中标题未对齐

Javascript 角度剑道数据网格调整列的大小会导致在新的远程数据源搜索中标题未对齐,javascript,angularjs,kendo-ui,kendo-grid,angular-kendo,Javascript,Angularjs,Kendo Ui,Kendo Grid,Angular Kendo,我见过类似的问题,但大多数都是关于调整大小时的对齐。当在数据源中设置新数据时,这是特定于对齐的。我想看看我是否有正确的网格设置或可能更好的解决办法 当我调整剑道数据网格的大小时,列和标题似乎对齐得很好(Chrome中有些错误)。但是,在调整了其中一列的大小并搜索新数据后,我发现列和标题未对齐 我试过firefox和chrome,都有这个问题 这与这些问题类似,但似乎是在调整大小而不是加载数据 这是我遇到的问题的一个例子。 调整列的大小并点击搜索 请注意,轴网和柱标题未对齐 我已经用许多不同的

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

当我调整剑道数据网格的大小时,列和标题似乎对齐得很好(Chrome中有些错误)。但是,在调整了其中一列的大小并搜索新数据后,我发现列和标题未对齐

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

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

这是我遇到的问题的一个例子。

  • 调整列的大小并点击搜索
  • 请注意,轴网和柱标题未对齐
  • 我已经用许多不同的方法建立了这个网格,但仍然存在这个问题。在小提琴有它的设置,使数据不会自动加载,我们需要先搜索。我还通过使用options对象中定义的传输来设置数据源,从而在最初加载数据源的位置进行了设置

    到目前为止,我还没有找到一种方法,在我看不到这个问题的地方设置它

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

    我创建了一个解决方案,在小提琴中似乎可以很好地工作,但在我的应用程序中,标题有时会有点神经质

    `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;