1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
<?xml version="1.0" encoding="UTF-8" ?>
<dt-api group="rows">
<name>row().child.hide()</name>
<summary>Hide the child row(s) of a parent row</summary>
<since>1.10</since>
<type type="function">
<signature>row().child.hide()</signature>
<description>Hide the child row(s) of a parent row</description>
<returns type="DataTables.Api">DataTables API instance.</returns>
</type>
<description>
This method can be used to make the child rows of a parent row hidden at any time. When child row(s) are set as hidden they are not detached from the parent row, but rather simply not drawn on the page. This method provides a way of hiding a row at any required time.
Unlike many of the other methods which manipulate the DataTable, this method does not require `dt-api draw()` to be called for the resulting change to be displayed. The child row(s) are inserted into the table without requiring that DataTables redraw.
</description>
<example title="Create detail rows initially, but don't show them until the row is clicked upon and hide on second click"><![CDATA[
var table = $('#example').DataTable();
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();
}
} );
]]></example>
</dt-api>
|
