javascript - 当标题滚动到边界附近时，DataTables ColReorder 滚动

Question

我正在使用 DataTables 处理从各种 ASP 数据库收集的大量数据。此外，我正在使用以下 DataTables 插件:FixedHeaders、FixedColumns、ColReorder。

现在，使用 ColReorder 函数，当标题(实际上是一列)被拖动以对其重新排序并且溢出到两侧(水平滚动)时，我希望表格与它一起滚动到一侧，以便列不仅可以拖动到表格的查看区域，还可以拖动到整个表格。

我已经尝试了很多方法和变通方法，例如当光标靠近边界时试图让它滚动(就像“拖动滚动”中的此处 http://javascriptmvc.com/docs.html#!jQuery.Drag )，但我没有成功，以及这个方法 - http://mootools.net/docs/more/Interface/Scroller .

非常感谢您的帮助。提前谢谢大家。

Answer 1

这里有一种方法可以让您更接近于解决它。根据我的实验，您可以在 this.dom.drag.cs​​s(...) 代码之前的 _fnMouseMove 函数中复制和修改 dataTables.colReorder.js。 p>

var scrollLeftVal = $(this.s.dt.nTableWrapper).find('.dataTables_scrollBody').scrollLeft();
if((e.pageX - this.s.mouse.offsetX) > (this.s.dt.nTableWrapper.clientWidth - 50)) {
  scrollLeftVal += 10;
  $(this.s.dt.nTableWrapper).find('.dataTables_scrollBody').scrollLeft(scrollLeftVal);
}

这会在拖动列标题时向右滚动窗口。还需要一个反向方法，以及修改指针和拖动元素的位置，如下所示:

this.dom.pointer.css( 'left', this.s.aoTargets[i-1].x - scrollLeftVal );

如果您决定采用这种方法，那么从长远来看，构建扩展/插件而不是修改核心代码会更好。这仅用于实验目的。

我开始走这条路，但我相信我会做我自己的重新排序界面，因为这种方法，即使工作和滚动正确，也不是我正在处理的项目的理想选择。

希望这可以帮助人们更接近解决方案!

瑞安