使用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

  

<强>解

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

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

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

  

<强>样本

请参阅this jsFiddle以获取代码和演示。

Answer 2

您可以添加ColReorder插件并在初始化时对列重新排序：

drawer_header.xml

分叉小提琴 - ＆gt; http://jsfiddle.net/8qrqpjsp/