javascript - 在销毁之前删除数据表中的行

Question

每次调用函数 lds 时，我都会初始化一个数据表。函数 lds 提取表格数据并通过

附加相关 HTML

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

之后我像这样初始化数据表，

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

这解决了再次调用lds函数时出现“数据表无法初始化”错误的问题。但之前附加的旧行将被保留。我尝试过以下方法:

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

尝试在长度 > 0 时删除行(0)，但这会弄乱表格并删除行。

尝试了 ('#rTable').empty() 但由于此数据表抛出错误 d[i] not Defined。

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

Answer 1

单击按钮即可销毁现有表格

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

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

从服务器重新加载完整的表格描述，包括列:

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
        } );
    } );
} );