row().child.hide()

自 DataTables 1.10 起

隐藏父行的子行。

描述

此方法可用于随时隐藏父行的子行。当子行被设置为隐藏时，它们不会从父行分离，而是仅仅不显示在页面上。此方法提供了一种随时隐藏行的途径。

与许多其他操作 DataTable 的方法不同，此方法不需要调用 draw() 来显示结果更改。子行将被插入到表格中，而不需要 DataTables 重新绘制。

类型

function row().child.hide()

描述: 隐藏父行的子行
返回值: DataTables.Api

DataTables API 实例。

示例

最初创建详细行，但直到单击行后才显示它们，并在第二次单击时隐藏

var table = new DataTable('#myTable');

table.rows().every(function () {
	this.child('Row details for row: ' + this.index());
});

$('#example tbody').on('click', 'tr', function () {
	var child = table.row(this).child;

	if (child.isShown()) {
		child.hide();
	}
	else {
		child.show();
	}
});