刷新 jquery 数据表

Refresh the jquery Data table

本文关键字:数据表 jquery 刷新      更新时间:2023-09-26

我有两个表的 ID 为 Tab1 和 Tab2 和 Tab2 resp。

我通过代码做什么:

在按钮的 onclick 事件中,Tab2 的一行被删除并添加到 Tab1.最初 Tab1 不包含任何数据,这就是为什么在 Tab1 表中使用以下代码显示消息"无可用数据"的原因:

            this.oLanguage = {
            "sProcessing": "Processing...",
            "sLengthMenu": "Show _MENU_ entries",
            "sZeroRecords": "No matching records found",
            "sEmptyTable": "No Data Available",
            "sLoadingRecords": "Loading...",
            "sInfo": "Showing _START_ to _END_ of _TOTAL_ entries",
            "sInfoEmpty": "Showing 0 to 0 of 0 entries",
            "sInfoFiltered": "(filtered from _MAX_ total entries)",
            "sInfoPostFix": "",
            "sInfoThousands": ",",
            "sSearch": "Search:",
            "sUrl": "",
            "oPaginate": {
                "sFirst":    "First",
                "sPrevious": "Previous",
                "sNext":     "Next",
                "sLast":     "Last"
            },
            "fnInfoCallback": null
        };

但是当一行添加到 Tab1 时,它很好,但它仍然显示消息"无可用数据"。这意味着表不会刷新。

我在javascript中有以下代码:

var oTable1=null;
    var oTable2=null;
    $(document).ready(function() {
    oTable1 =$('#tab1').dataTable( {
    "bPaginate": false,
    "bInfo": false,
    "aSort": false
    }); 
     oTable2 =$('#tab').dataTable( {
    "bPaginate": false,
    "bInfo": false
} );

    });

我应该怎么做才能重新整理表,以便在添加数据后它不会显示消息"无可用数据"?

使用oTable.fnAddData方法添加新行。

使用oTable.fnDraw方法调用重绘方法。