jquery - 如何以编程方式滚动到 jQuery DataTable 中的特定元素？

Question

我有一个分页的 jQuery DataTable，我想滚动到特定的行。此行可能在另一页上。我目前正在尝试以下操作：

var scroller = profileTable.fnSettings().nTable.parentNode;                                              
scroller.scrollTo( $('.row_selected'), 1 );

数据表在哪里profileTable。

我想滚动到的行有一个<tr class="row_selected">.

我在 Chrome 的开发者工具中看到的 Javascript 错误是：

Uncaught TypeError: Object #<HTMLDivElement> has no method 'scrollTo'

我也试过

var scroller = profileTable.fnSettings().nTable.parentNode;                                              
$(scroller).scrollTo( $('.row_selected'), 1 );

有错误：

Uncaught TypeError: Object [object Object]> has no method 'scrollTo'

我已经尝试了ScrollTo 插件 ，但没有成功。有人在 jQuery 1.7.2 或更高版本中使用这个插件吗？

任何移动到 DataTable 中指定行的示例都将不胜感激。

Answer 1

while(!profileTable.find($("tr.row_selected"))[0]){
    profileTable.fnPageChange( 'next' );
}
$(".dataTables_scrollBody").scrollTop( $("tr.row_selected").offset().top - $(".dataTables_scrollBody").height() );

您必须分页才能找到具有所选行的页面，然后滚动到该页面。