如何以编程方式跳转到分页DataTable中的行?

时间:2017-04-28 03:47:37

标签: javascript jquery datatable pagination

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

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

我需要
  • 按列排序
  • 使用同步过滤进行搜索
  • 分页
  • 以编程方式定位并跳转到突出显示的行

虽然是DataTable的一部分,但也不会像在Handsontable中那样使用过多的功能来破坏表格。我很感激您认为可以满足我的要求的表库的任何建议,我现在没有时间去处理那些大约50个左右的库。

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

1 个答案:

答案 0 :(得分:2)

您需要使用此代码从此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);
    });
});