響應式調整大小
自:Responsive 2.0.1 起
由於調整大小,Responsive 顯示的欄位已變更。
請注意 - 此屬性需要 DataTables 的 Responsive 擴充套件。
描述
此事件可用於通知外部函式庫和控制項,Responsive 已變更表格中欄位的可見性,以響應調整大小或重新計算事件。如果您的外部控制項依賴於欄位的可見性,或者您希望根據這些欄位更新控制項,這會特別有用。
類型
function function( e, datatable, columns )
- 參數
名稱 類型 可選 1 e
否 jQuery 事件物件
2 datatable
否 表格的 DataTable API 實例
3 columns
否 一個布林值陣列,表示表格中欄位的狀態。此陣列的長度與表格中的欄位數完全相同,布林值
true
表示該欄位可見,而布林值false
表示該欄位已被 Responsive 隱藏。
範例
使用 on()
監聽響應式調整大小事件
var table = new DataTable('#myTable', {
responsive: true
});
table.on('responsive-resize', function (e, datatable, columns) {
var count = columns.reduce(function (a, b) {
return b === false ? a + 1 : a;
}, 0);
console.log(count + ' column(s) are hidden');
});