响应式大小调整
自:响应式 2.0.1
由于大小调整,响应式中显示的列已发生更改。
请注意 - 此属性需要 DataTables 的响应式扩展。
说明
此事件用于通知外部库和控件,即响应式已更改表格中列的可见性以响应大小调整或重新计算事件。如果你有一个外部控件依赖于列可见性,或者你希望基于这些列更新控件,这会特别有用。
类型
function function( e, datatable, columns )
- 参数
名称 类型 可选 1 e
否 jQuery 事件对象
2 datatable
否 相关表格的 DataTable API 实例
3 columns
否 一个布尔值数组,表示表格中列的状态。此数组与表格中列数的长度完全相同,布尔值
true
表示该列可见,而布尔值false
表示该列已被响应式隐藏。
示例
使用 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');
});