row().child().show()

自 DataTables 1.10 起

使新定义的子行可见。

说明

此方法可用于随时使父行的子行可见。可以使用 row().child() 附加子行，但不必立即使其可见。此方法提供了使这些已附加的子行可见的选项。

请注意，此方法仅在使用参数集调用 row().child() 时才可用。这是因为如果未使用参数调用 row().child()，则它会返回子行，子行要么是 jQuery 对象要么是 undefined。使用参数调用 row().child() 时，会返回一个 DataTables.Api 实例。如果您需要在未设置任何参数的情况下显示子行，请使用 row().child.show()。

与操作 DataTable 的许多其他方法不同，此方法不要求调用 draw() 才能显示所做的更改。可以在不需要 DataTables 重绘的情况下将子行插入表格中。

类型

函数 row().child().show()

说明: 显示父行的子行
返回: DataTables.Api

DataTables API 实例。

示例

根据其当前状态来显示/隐藏一行，根据需要添加行内容。

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

$('#example tbody').on('click', 'td.details-control', function () {
	var tr = $(this).parents('tr');
	var row = table.row(tr);

	if (row.child.isShown()) {
		// This row is already open - close it
		row.child.hide();
		tr.removeClass('shown');
	}
	else {
		// Open this row (the format() function would return the data to be shown)
		row.child(format(row.data())).show();
		tr.addClass('shown');
	}
});