子行
自 DataTables 1.11 起
已从表格中添加或删除子行。
描述
childRow
在向表格中插入或从表格中删除子行时触发。
请注意,与所有 DataTables 发出的事件一样,事件对象具有可用的 DataTables API 实例(第一个参数)。此外,事件使用 dt
命名空间触发。因此,要监听该事件,你必须像下面示例中所示,在事件名称后追加 .dt
,以使用 dt
命名空间。还应该在表格初始化之前设置监听器,否则在尝试加载状态时,不会设置监听器,并且该代码不会针对子行的初始显示运行。
类型
示例
关于子行显示更改的通知
let table = new DataTable('#myTable', {
ajax: '../ajax/data/objects.txt',
rowId: 'id',
stateSave: true,
columns: [
{
className: 'dt-control',
orderable: false,
data: null,
defaultContent: ''
},
{ data: 'name' },
{ data: 'position' },
{ data: 'office' },
{ data: 'salary' }
],
order: [[1, 'asc']]
});
table.on('childRow.dt', function (e, show, row) {
console.log((show ? 'Showing ' : 'Hiding ') + 'row ' + row.index());
});