在销毁之前删除 Datatable 中的行

Question

每次调用函数 lds 时，我都在初始化数据table。函数 lds 为 table 提取数据并通过

附加相关的 HTML

$('#tablebody').html(data);

之后我像这样初始化一个数据table，

$('#rTable').Datatable({
      paging:false,
      destroy: true
});

解决了再次调用lds函数报错"Datatables cannot be initialized"的问题。但是保留了之前附加的旧行。我尝试了以下方法：

将vartable赋值给Datatable的初始化，并将table.empty()放在lds的开头。但正如预期的那样，table 变量未定义。

尝试在长度 > 0 时删除行 (0)，但这弄乱了 table 并且也删除了。

已尝试 ('#rTable').empty() 但由于此数据tables 抛出错误 d[i] 未定义。

每次调用函数 lds 时我可以采用什么方法来清空行。

Answer 1

单击按钮销毁现有 table

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

$('#tableDestroy').on( 'click', function () {
    table.destroy();
} );

从服务器重新加载完整的 table 描述，包括列：

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

$('#submit').on( 'click', function () {
    $.getJSON( 'newTable', null, function ( json ) {
        table.destroy();
        $('#myTable').empty(); // empty in case the columns change

        table = $('#myTable').DataTable( {
            columns: json.columns,
            data:    json.rows
        } );
    } );
} );

在销毁之前删除 Datatable 中的行

Delete rows in Datatable before destroying

javascript

datatable

jquery