slickgrid - 选择数据时自动滚动视口(slickgrid - autoscroll th

2019-10-19 05:30发布

我使用slickgrid对于像Excel中输入样式数据的能力。

用户输入数据。 然后选择所需的数据曲线图将生成后。

问题是,当用鼠标选择数据,电子表格不会让你用鼠标过去AG细胞或10号单元格下方滚动。 这意味着,如果有大量的数据,那么选择不会保持用户友好。

我想电子表格的自动滚动当用户想选择超越AG柱和row10数据。

我想是这样的

Answer 1:

这个CSS添加到您的网页

.slick视口{溢出-X:自动重要;! 溢出-Y:汽车重要的; }



Answer 2:

我已经发现鼠标指针位置想通了这个问题,在这里我想自动滚动位置施加滚动...

$('#myGrid').mousemove(function(e){
      var parentOffset = $(this).offset(); 
      diffX = ( ( parentOffset.left + $('#myGrid').width() ) - e.pageX);
      diffY = ( ( parentOffset.top + $('#myGrid').width() ) - e.pageY);
      if (diffX < 59 && diffX > 17){
          $('.slick-viewport ').scrollLeft($('.slick-viewport ').scrollLeft() + 5);
      }

      if (diffY < 389 && diffY > 366){
          $('.slick-viewport ').scrollTop($('.slick-viewport').scrollTop() + 5);
      }

    });


文章来源: slickgrid - autoscroll the viewport when selecting data