Question

我像这样初步化我的桌子

/* POST data to server */
$(document).ready(function() {
    $('#example').dataTable( {
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "xhr.php",
        "fnServerData": function ( sSource, aoData, fnCallback ) {
            $.ajax( {
                "dataType": 'json', 
                "type": "POST", 
                "url": sSource, 
                "data": aoData, 
                "success": fnCallback
            } );
        }
    } );
} );

稍后，我想更新表中的数据。我该怎么做？

Answer 1

我遇到了完全相同的问题，最终解决了这个问题：

function GetDatatable(parameter) {
    $('#example').dataTable().fnDestroy();
    $('#example').dataTable({
...

然后您可以在aoData中添加新参数。这是一个丑陋的黑客，但它确实有效。

Answer 2

我也遇到了数据表的困难。

我的解决方案：

var data = [json with ajax]

function loadTable(data){

    if($.fn.DataTable.isDataTable('#testsListTable')){

        if(data.testRunReports.length == 0)
            $('#testsListTable').dataTable().fnClearTable();
        else
            $('#testsListTable').dataTable().fnAddData(data);

        return;
    }

    $('#testsListTable').DataTable({
         data: data,

...

多一点代码，但这不需要再次初始化表。

使用新参数重新填充数据表

2 个答案: