{hero}

子行

自 DataTables 1.11 起

已从表格中添加或删除子行。

描述

childRow 在向表格中插入或从表格中删除子行时触发。

请注意,与所有 DataTables 发出的事件一样,事件对象具有可用的 DataTables API 实例(第一个参数)。此外,事件使用 dt 命名空间触发。因此,要监听该事件,你必须像下面示例中所示,在事件名称后追加 .dt,以使用 dt 命名空间。还应该在表格初始化之前设置监听器,否则在尝试加载状态时,不会设置监听器,并且该代码不会针对子行的初始显示运行。

类型

函数 函数 (e、show、row)

参数

示例

关于子行显示更改的通知

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());
});