数据表如何在没有分页的情况下滚动到特定行

时间:2016-10-31 20:00:03

标签: datatables

我有一个大约90行的数据表。用户执行某些操作,表必须滚动到相应的行。

我知道滚动插件,但是用户要求没有分页。

2 个答案:

答案 0 :(得分:1)

如果您不使用滚动功能,可以使用以下代码将页面滚动到特定行:

var table = $('#example').DataTable({
   paging: false
});

var $row = $(table.row(30).node());   
$('html, body').animate({ scrollTop: $row.offset().top }, 2000);

请参阅this example以获取代码和演示。

答案 1 :(得分:0)

我的解决方案,其中“表”是数据表,目标行具有“显示”类:

var $row = $(".shown");
table.context[0].nScrollBody.scrollTo(0,($row[0].offsetTop));