如何以編程方式滾動到jQuery DataTable中的特定元素？

我有一個分頁的jQuery DataTable，我想滾動到特定的行。該行可能位於另一頁面上。我目前正在嘗試以下操作：如何以編程方式滾動到jQuery DataTable中的特定元素？

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

其中profileTable是一個DataTable。

我想滾動的行有一個<tr class="row_selected">。

的JavaScript錯誤，我在Chrome的開發者工具看到的是：

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 Plugin 沒有運氣。任何人使用jQuery 1.7.2或更高版本的插件？

任何移動到DataTable中的指定行的例子將不勝感激。

來源

2012-09-04 km1

如果它沒有方法scrollTo，您可能沒有在頁面上或偶然在後面加入它。 –

ScrollTo插件有什麼問題？ –

另外 - 看起來你想滾動一些滾動div（.parentNode）。它有滾動條嗎？或者你想把選定的行放在窗口的頂部？ –

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

您必須分頁查找具有選定行的頁面，然後滾動到該頁面。

來源

2013-07-25 07:15:39

如何以編程方式滾動到jQuery DataTable中的特定元素？

回答

相關問題