javascript - 如何以编程方式跳转到分页数据表中的行？

Question

我目前正在使用 DataTables作为我的页面的一个组件。不过，我真的希望能够查询并突出显示特定行。目前我正在使用Scroller中的scrollTo()添加在。然而，这需要我关闭分页，并且当行高不同时也不是特别准确。

在通常的用例中，我将有十几列和几万行，因此任何解决方案都需要非常高效。我对 DataTables 不太满意，所以我打开了其他表实现。我确实需要

• 按列排序
• 同时进行搜索和过滤
• 分页
• 以编程方式定位并跳转到突出显示的行

尽管是 DataTable 的一部分，但也不要像 Handsontable 那样使用多余的功能来使表膨胀。对于您认为可能满足我的要求的表库的任何建议，我将不胜感激，我只是没有时间去尝试目前有五十个左右的库。

编辑:添加了我正在使用的链接。

Answer 1

您需要此 jumpToData 中的 JS 插件页面，使用此代码。这是修改后的JSFiddle ，其中有按钮。使用这些按钮:

HTML

<button data-name="Donna Snider">Donna Snider</button>
<button data-name="Paul Byrd">Paul Byrd</button>
<button data-name="Sonya Frost">Sonya Frost</button>

JS

$(function() {
    var table = $('#example').DataTable({
        responsive: true
    });

    $('button').on('click', function() {
        let name = $(this).attr('data-name');
        table.page.jumpToData(name, 0);
    });
});