slickgrid resize导致靠近底部的滚动条间隙

Question

我有以下问题:我将Slickgrid与jquery布局结合使用.可以使用此插件调整窗格大小.当我调整Slickgrid窗格的大小时,会出现一个水平滚动条,一开始就不存在,我无法一直滚动到底部.

我创建了一个jsfiddle来演示:http: //jsfiddle.net/uNMRT/2/

重现步骤:

1. 确保slickgrid窗格没有水平滚动条.
2. 一路滚动.(效果很好,你可以查看记录119,最后一个)
3. 使用垂直拆分器调整slickgrid窗格的大小.确保使滑块区域更小以显示水平滚动条.
4. 再次向下滚动.请注意,您无法完全向下滚动.现在无法看到记录119.

我已经在调整大小时执行了resizeCanvas:

center__onresize: function(pane, $pane, state, options) {
                myGrid.resizeCanvas();
            }

这显然还不够.有任何想法吗？

Answer 1

我遇到了同样的问题,似乎光滑的网格没有正确设置"viewportHasHScroll"标志.我找到了以下两个解决问题的方法(SlickGrid v2.1)

1)更新updateCanvasWidth函数(第396行)并更改以下行

viewportHasHScroll = (canvasWidth > viewportW - scrollbarDimensions.width); 

(注意"大于或等于"的标志

viewportHasHScroll = (canvasWidth >= viewportW - scrollbarDimensions.width);

2)更新handleScroll功能(第1920行)并更新if块

  //only scroll if they've moved at least one row
  if(vScrollDist && (vScrollDist > options.rowHeight)) {
      ....
  }

Answer 2

我面临同样的问题，但垂直滚动。如果调整容器大小，垂直滚动条不会完全滚动。它停在倒数第二条记录上。尽管有空间供该栏滚动，但它无法完全移动到底部。如果我把它拉下来，网格就会跳跃，并且栏会再次移动到原始位置。最后一条记录永远无法查看。