ColReorder

ColReorder 为最终用户增加了通过单击并拖动操作重新排列 DataTable 中列的能力。这在以表格形式展示数据时非常有用，使用户可以将他们希望比较的列移动到彼此旁边，以便更轻松地进行比较。

值得注意的是，DataTable 的底层列数据结构会在此过程的一部分中进行修改 - 如果你使用 API 与表格进行交互，这一点非常重要。

下载

获取和使用 ColReorder 的最简单方法就是使用 DataTables 下载生成器，你可以在其中选择想要在自己页面上使用的软件，并生成并为你托管单个 Javascript 和 CSS 文件。

或者，也可以在你的页面上包含单个文件，下载发行包或克隆 GitHub 上的源代码控制库。

初始化

可以按照这两种不同的方式初始化和使用 ColReorder

• 使用colReorder配置选项在 DataTables 构造函数中>
• 一个new构造函数

在 DataTables 中

可以通过在 DataTables 选项对象中使用colReorder选项在 DataTable 上初始化 ColReorder - 这仅仅是一个布尔值，尽管也可以使用一个对象进行细粒度控制（参见参考文档）

$('#myTable').DataTable( {
    colReorder: true
} );

构造函数

或者，可以在使用 Javascript new关键字和$.fn.dataTable.ColReorder函数构建表格之后，将 ColReorder 添加到表格。此函数有两个参数

1. 要应用按钮的 DataTable 实例
2. ColReorder 选项（这与colReorder选项可用的选项相同）。

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

new $.fn.dataTable.ColReorder( table, {
    // options
} );

特性

ColReorder 具有以下特性

• 与 DataTables 非常容易集成
• 与所有其他 DataTables 插件紧密集成
• 能够排除第一（或更多）列不可移动
• 预定义列顺序
• 与 DataTables 保存保存集成