自适应显示
自: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')
);
});