DataTables - Child rows

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.css">
<script src="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.js"></script>
<script src="//cdn.jsdelivr.net/jquery.scrollto/2.1.2/jquery.scrollTo.min.js"></script>
<table id="example" class="display" cellspacing="0" width="100%">

</table>

CSS

td.details-control {
    background: url('https://raw.githubusercontent.com/DataTables/DataTables/1.10.7/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('https://raw.githubusercontent.com/DataTables/DataTables/1.10.7/examples/resources/details_close.png') no-repeat center center;
}

JavaScript

/* Formatting function for row details - modify as you need */
function dataFormat(d) {
	var result = '';
	var hasChildren = false;
	for (i = 0; i < d.length; i++) {

		if (d[i].Col0 == "WORKED") shouldBeOrange = false;

		result +=
			'<table><tr style="background-color: ' + (shouldBeOrange == true ? '#ff9c59' : '') + '">' +
			'<td></td>' +
			'<td style="font-weight: ' + (d[i].Col0 == "WORKED" || d[i].Col0 == "OTHER" ? 'bold' : '') + '">' + d[i].Col0 + '</td>' +
			'<td>' + d[i].Col1 + '</td>' +
			'<td>' + d[i].Col2 + '</td>' +
			'</tr></table>';

		if (d[i].Col0 == "OTHER")
			shouldBeOrange = true;

		hasChildren = true;
	}

	if (!hasChildren)
		result += '<tr><td>There are no items in this view.</td></tr>';

	return $(result);
}

function ProcessTableVehicleDetailV2(id, tableData) {
	if (!$.fn.dataTable.isDataTable('#' + id)) {
		$('#' + id).DataTable({
			data: tableData,
			dom: 'Bfrtip',
			buttons: [
				'copy', 'csv', 'excelHtml5', 'pdfHtml5', 'print'
			],
			columns: [
				{
					"class": 'details-control',
					"orderable": false,
					"data": null,
					"defaultContent": ''
				},
				{ data: "Col0" }
			],
			ordering: false,
			"scrollY": "400px",
			"paging": false,
			"searching": false,
			"info": false,
			'responsive': true,
			"language": {
				"emptyTable": "No Data"
			},
			"createdRow": function (row, data, index) {
				if (data.Col0 === " " && data.Col1 === " " && data.Col2 === " ")
					$('td', row).eq(0).removeClass('details-control');
			},
			"render": function (data, type, full, meta) {
				return full["Col0"] + "" + full["Col1"] + "" + full["Col2"];
			},
			"initComplete": function () {
				$('.dataTables_scrollBody thead tr').addClass('hidden');
				$('.dataTables_scrollBody thead th').addClass('hidden');
				$('.dataTables_scrollBody tfoot tr').addClass('hidden');
				$(".dataTables_scrollBody th").removeAttr('class');
				$('.dataTables_scrollBody table thead').addClass('hidden');
				$('.dataTables_wrapper table...