Question

这是我的代码：

oTable2 = $('#BigData2').dataTable({
    "bLengthChange":false,
    "bPaginate":false,
    "oLanguage": {
        "sZeroRecords": "No records found"
    },
    "sAjaxSource":'StatusSrv',
    // "sDom":'RCT<"clear">lfrtip',
    //"aoColumnDefs":[{}]
})
var auto_refresh = setInterval(
    function (){
        $('#Status_Table').fadeOut('slow').load('SupplyPlanning.jsp 
            #oTable2.fnDraw()').fadeIn("slow");
    }, 6000);

<div id="Status_Table" class="chartFloatLeftInner">
    <table id="BigData2" >
        <thead >
            <tr>
                <th><input type="checkbox" onClick="checkall()" name="maincheck" id="maincheck"/></th>
                <th  title="REQ_NO">REQ_NO</th>
                <th  title="Retailer Partner number">Retailer num</th>
                <th title="STATUS">OVERALL_STATUS</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>

我想在特定时间间隔刷新我的数据表，以便我使用fndraw，但它只用旧数据重绘表。如果我在数据库中插入新数据，刷新后不会显示新数据;它只显示旧数据。

Answer 1

可能您需要将"bDestroy": true属性添加到您的数据表代码中，以便重建它，否则一旦创建就无法使用新数据加载它。

Answer 2

尝试使用追加：

$('#Status_Table').append( your table in here);

它适合我

如何使用JavaScript刷新div内的数据表？

2 个答案: