javascript - 数据表跳转到包含某个类的tr的页面

Question

我正在尝试使用 row().show() 插件跳转到我的 tr 类 .scrollAndHightlight 的页面ID 为 #reqToApp 的 DataTable。

这是我使用 initComplete 函数进行的 DT 初始化:

var table = $('#reqToApp').DataTable({
    responsive: true,
    stateSave: true,
    fixedHeader: true,
    autoWidth: false,
    select: true,
    order: [[1, "desc"]],
    "iDisplayLength": 15,
    language: {
        "url": "/js/Czech.json"
    },
    "aoColumns": [
        {"bVisible": true, "bSortable": true, "bSearchable": true, "sType": "html"},
        {"bVisible": true, "bSortable": true, "bSearchable": true, "sType": "string"},
        {"bVisible": true, "bSortable": true, "bSearchable": true, "sType": "string"},
        {"bVisible": true, "bSortable": true, "bSearchable": true, "sType": "string"},
        {"bVisible": true, "bSortable": true, "bSearchable": true, "sType": "string"},
        {"bVisible": true, "bSortable": true, "bSearchable": true, "sType": "string"},
        {"bVisible": true, "bSortable": true, "bSearchable": true, "sType": "string"},
        {"bVisible": true, "bSortable": false, "bSearchable": false, "sType": "html"}
    ],
    "initComplete": function(settings, json){
        var row = table.row($(".scrollAndHighlight")).node();
        table.row(row).draw().show().draw(false);
    }
});

但它什么也没做，控制台没有错误。

我做错了什么？

JSFiddle:https://jsfiddle.net/ebRXw/2427/

Answer 1

您不应该使用 $() jQuery 方法，因为它只能访问 DOM 中存在的元素。对于 jQuery DataTables，DOM 中不存在除当前页面之外的其他页面，因此无法找到除第一个页面之外的页面上的行。

您可以将 CSS 选择器提供给 row() 方法。

例如:

"initComplete": function(settings, json){
   var api = new $.fn.dataTable.Api(settings);
   var row = api.row(".scrollAndHighlight").node();
   api.row(row).draw().show().draw(false);
}

参见 updated jsFiddle用于代码和演示。