{hero}

欄位重新排序

自:ColReorder 1.2.0

欄位已被終端使用者或 API 重新排序。
請注意 - 此屬性需要 DataTables 的 ColReorder 擴充套件。

描述

使用 ColReorder 時,您可能想知道表格何時被終端使用者或透過 API 重新排序。此事件提供了該資訊。

當欄位的資料結構在內部移動時,會觸發此事件 - 這並不表示所有欄位的重新排序都已完成。例如,colReorder.order() 方法可能會導致多個欄位重新排序動作。請監聽 columns.reordered,以了解何時所有欄位都已更新,且表格已完全更新為要求的動作。

請注意,與所有 DataTables 發出的事件一樣,此事件以 dt 命名空間觸發。因此,要監聽此事件,您還必須使用 dt 命名空間,方法很簡單,將 .dt 附加到您的事件名稱,或使用 on() 方法來監聽事件,該方法會自動附加此命名空間。

類型

function function( e, settings, details )

參數

範例

將類別新增至重新排序的欄位

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);
});