row().child.isShown()
Since: DataTables 1.10
Check if the child rows of a parent row are visible.
Description
When working which child rows in DataTables, you may wish to know if a parent row's child rows are visible or not. This method provides exactly that ability, returning a boolean value indicating if the child rows are visible or not.
Type
function row().child.isShown()
- Description:
Check if the child rows of a parent row are visible
- Returns:
true
if child rows are visible,false
otherwise.
Example
Show / hide a row based on its current state, adding the row content as needed.:
var table = $('#example').DataTable();
$('#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');
}
} );