列重新排序
自: ColReorder 1.2.0
列已经由最终用户或 API 重新排序。
请注意 - 这个属性需要 DataTables 的 ColReorder 扩展。
说明
当使用 ColReorder 时,你可能希望知道一个表格何时被最终用户或通过 API 重新排序。此事件将提供该信息。
当列的数据结构在内部移动时,此事件将被触发 - 它并不会表示所有列的重新排序都已经完成。例如,colReorder.order()
方法可以导致多个列的重新排序操作。监听 columns.reordered
以便了解所有列都已更新并且该表已针对请求的操作进行了完全更新。
请注意,与所有 DataTables 发出的事件一样,此事件在 dt
命名空间中触发。因此,要监听此事件,你必须使用 dt
命名空间,只需将 .dt
附加到你的事件名称,或使用 on()
方法来监听该事件,该方法将自动附加此命名空间。
类型
示例
为已重新排序的列添加一个类
var table = new DataTable('#myTable', {
colReorder: true
});
table.on('column-reorder', function (e, settings, details) {
var headerCell = $(table.column(details.to).header());
headerCell.addClass('reordered');
setTimeout(function () {
headerCell.removeClass('reordered');
}, 2000);
});