childRow.xml

<?xml version="1.0" encoding="UTF-8" ?>
<dt-event>
	<name>childRow</name>
	<summary>A child row has been added or removed from the table</summary>
	<since>1.11</since>

	<type type="function">
		<signature>function( e, show, row )</signature>
		<parameter type="object" name="e">
			Event object
		</parameter>
		<parameter type="boolean" name="show">
			Boolean, `true` if row is being shown, `false` if not.
		</parameter>
		<parameter type="DataTables Api" name="row">
			The parent row instance that the child row is being displayed for.
		</parameter>
		<scope>HTML table element</scope>
		<bubbles>No</bubbles>
	</type>

	<description>
		The `-event childRow` is triggered whenever a child row is inserted or removed from the table.

		Please note that, as with all DataTables emitted events, the event object has a DataTables API instance available on it in the `dt` property.
	</description>

		<example title="Notification on child row display change"><![CDATA[
let table = new DataTable('#myTable', {
	ajax: '../ajax/data/objects.txt',
	rowId: 'id',
	stateSave: true,
	columns: [
		{
			className: 'dt-control',
			orderable: false,
			data: null,
			defaultContent: ''
		},
		{ data: 'name' },
		{ data: 'position' },
		{ data: 'office' },
		{ data: 'salary' }
	],
	order: [[1, 'asc']]
});

table.on('childRow', function (e, show, row) {
	console.log((show ? 'Showing ' : 'Hiding ') + 'row ' + row.index());
});

]]></example>

</dt-event>