jquery - 使用 jQuery DataTables 更改列顺序

Question

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

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

在 my example :

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

我想将其更改为这样而不更改 HTML:

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

Answer 1

SOLUTION

使用columns.data为每列设置数据源索引。

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

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

DEMO

参见this jsFiddle用于代码和演示。