滚动到DataTables jQuery插件中的选定行

Question

我有一个无限滚动的dataTable。我想滚动到表刷新

上的选定行

$('#table1').dataTable({
    'aaData': data,
    'aoColumns': columns,
    'bInfiniteScroll': true,
    'bColumnCollapse': true,
    'sScrollY': '200px'
});

$('#btnScroll').click(function(){
     $('.dataTables_scrollBody').scrollTo($('#table1 tbody tr').eq(3), 800);
});

但它不会滚动到行

Answer 1

您可以使用动画滚动到您的位置

$('.dataTables_scrollBody').animate({
    scrollTop: $('#table1 tbody tr').eq(3).offset().top
}, 800)

DEMO

Answer 2

您正在使用scrollTo插件。你装了吗？您可以在没有该插件的情况下编写此代码，如下所示：

var selectedRow = $('#table1 tbody tr').eq(3);
$('.dataTables_scrollBody').scrollTop(selectedRow.prop('offsetTop') - $('.dataTables_scrollBody').height()/2);