欄位重新排序
自: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);
});