{hero}

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 = 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');
	}
});