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

相關文章
相關標籤/搜索