jQuery DataTables滚动到指定行

先上代码: javascript

let scrollBody = $('#sku_table').parents('.dataTables_scrollBody');
let index = $("#" + toId).parents('tr').index();
let firstIndexTop = $('#sku_table').find('tbody tr:eq(0)').offset().top;
let searchIndexTop = $('#sku_table').find('tbody tr:eq('+index+')').offset().top;
scrollBody.scrollTop(searchIndexTop - firstIndexTop);

下面解释下用法java

1.使用$('#sku_table').scrollTop调试了很久发现一直没有实现表格滚动条跳转。后来发现是jQuery datatables插件在表格的外层包装了一层div,这个滚动条是div的。插件

2.因此先选中div元素scrollBody,而后计算下表格第一行和要跳转的行的top高度调试

3.使用scrollBody.scrollTop跳转到指定的高度 searchIndexTop - firstIndexTopcode

相关文章
相关标签/搜索