javascript - 如何动态更新 DataTables 列(和其他属性)？

Question

SO 上有几个关于动态更新 DataTables 中的列的问题，但它们似乎都已过时，因为它们引用了已弃用的属性，如 aoColumns。

我的代码看起来像这样:

var oTableOptions = {
    columns: [
        {title: "Column 1", data: "col1"},
        {title: "Column 2", data: "col2"},
        {title: "Column 3", data: "col3"}
    ],
    order: [
        [0, 'desc'],
        [1, 'asc']
    ],
    paging: false,
    searching: false,
    info: false
}

var dt = $('#tableId').DataTable(oTableOptions);

几个问题:

1. 如何更新默认排序顺序？如果我想将其动态更改为类似[[0, 'asc'], [1, 'asc']] 而不是(下次重新绘制表格时)，我该怎么做？

以下代码不有效，所以我缺少什么？

dt.order = [[0, 'asc'], [1, 'asc']];
dt.ajax.reload();

1. 如何重命名现有列？我找不到执行此操作的任何记录方法。有吗？还是我必须直接使用 jQuery？

2. 如何添加/删除列？

Answer 1

var oTableOptions = {
    columns: [
        {title: "Column 1", data: "col1"},
        {title: "Column 2", data: "col2"},
        {title: "Column 3", data: "col3"},
        {title: "Column 4", data: "col4"}
    ],
    order: [
        [0, 'desc'],
        [1, 'asc']
    ],
    paging: false,
    searching: false,
    info: false
}

var dt = $('#tableId').DataTable(oTableOptions);

// Later...

var nTableOptions = {
    columns: [
        {title: "Column 1", data: "col1"},
        {title: "Column 2 n", data: "col2"}, // Rename
        {title: "Column 3", data: "col3"},
        {title: "Column 4", data: "col4"} // New
    ],
    order: [
        [0, 'asc'], // Change
        [1, 'desc'] // Change
    ],
    paging: false,
    searching: false,
    info: false,
    bDestroy: true // Add this property to new setting
}

var dt = $('#tableId').DataTable(nTableOptions);
// Or
var dt = $('#tableId').html("").DataTable(nTableOptions);