使用 jQuery DataTables 更改列顺序

Question

我的代码是这样的：http : //jsfiddle.net/oscar11/ebRXw/805/

$(document).ready(function() {
    var table = $('#example').DataTable( {
        "responsive": true
    } );
} );

在我的例子中：

• 第 0 列 = 名称
• 第 1 列 = 位置
• 第 2 列 = 办公室

我想在不更改 HTML 的情况下将其更改为这样：

• 第 0 列 = 薪水
• 第 1 列 = 开始日期
• 第 2 列 = 年龄

Answer 1

解决方案

使用columns.data对每个列组的数据源的索引。

var table = $('#example').DataTable( {
    "responsive": true,
    "columns": [
        { "data": 5 },
        { "data": 4 },
        { "data": 3 },
        { "data": 0 },
        { "data": 1 },
        { "data": 2 }
    ]
} );

不要忘记相应地调整thead部分中的表格标题。

演示

有关代码和演示，请参阅此 jsFiddle。