jquery - DataTables draw() 方法不起作用

Question

这是我的代码:

$(document).ready(function () {
    var map;
    var table = $('#example').DataTable({
        dom: 'T<"clear">lfrtip',
        tableTools: {
            "sRowSelect": "single"
        },
        "fnCreatedRow": function (nRow, aData, iDataIndex) {
            console.log("HI");
            var s = $('td:eq(1)', nRow).text();

            if (map.hasOwnProperty(s)) $('td:eq(2)', nRow).text(map[s]);

        }
    });
    map = {
        "Accountant": "100",
        "Software Engineer": "150"
    };


    table.fnDraw();
});

完整代码请查看this jsFiddle .

这里我在 DataTables 使用后分配了 map 变量。所以我需要重新绘制表格。但我发现 draw() 函数似乎不起作用。

Answer 1

尝试以下操作:

var table = $('#example').DataTable();

$('#myFilter').on( 'keyup', function () {
    table
        .search( this.value )
        .draw();
} );

引用:https://datatables.net/reference/api/draw()