自适应显示
自:Responsive 2.0.0
已显示、更新或隐藏某行的详细信息。
请注意 - 此属性要求 DataTables 使用自适应扩展。
说明
有时了解最终用户何时要求自适应显示列中隐藏行的详细信息(无论是在子行还是模式中)、何时隐藏这些详细信息,以及何时更新这些详细信息可能会很有用。此事件提供了这种能力。
请注意,与所有 DataTables 发出的事件一样,此事件都使用 dt
名称空间触发。因此,要侦听此事件,还必须使用 dt
名称空间,方法是将 .dt
追加到事件名称即可,或使用on()
,它将自动追加此名称空间,如下例所示。
类型
函数 function( e, datatable, row, showHide, update )
- 参数
名称 类型 可选 1 e
否 jQuery 事件对象
2 datatable
否 用于处理表的 DataTable API 实例
3 行
否 要处理其详细信息的
row()
4 showHide
否 指示是正在显示详细信息(
true
)还是正在隐藏详细信息(false
)的标志。此值由responsive.details.display
中使用的函数决定。5 更新
否 指示是否正在由于事件(如调整表格大小)而更新详细信息数据(
true
),或最终用户请求正在显示/隐藏详细信息数据(false
)。
示例
使用on()
侦听详细信息显示事件
var table = new DataTable('#myTable', {
responsive: true
});
table.on('responsive-display', function (e, datatable, row, showHide, update) {
console.log(
'Details for row ' + row.index() + ' ' + (showHide ? 'shown' : 'hidden')
);
});