Breaking News: Grepper is joining You.com. Read the official announcement!

datatable sub row

Alvainds answered on November 28, 2022 Popularity 6/10 Helpfulness 1/10

answer datatable sub row

datatable sub row

Comment

$(".row-sub").remove();

$('tr').not(this).removeClass('shown');
$('#table-parent tr').find("td span.glyphicon").not(this).removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-right');

var tr = $(this).closest('tr');
var row = tabledata.row(tr);
	const
		data = tabledata.rows(this).data()[0],
		child = data.sub_row

		if (child.length == 0) {
			return
		}
		var table =
			'<table class="table table-bordered table-hover nodt" id="table-sub-row" style="width: 100%">' +
			'</table>';

		if (row.child.isShown() && tr.hasClass('shown')) {
			// This row is already open - close it
			row.child.hide();
			tr.removeClass('shown');
			tr.find("td span.glyphicon").removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-right');

		} else {
			// Open this row

			row.child(table, 'table-sub').show();

			tablesub = $('#table-sub-row').DataTable({
				processing: true,
				searching: false,
				destroy: true,
				bPaginate: false,
				info: false,
				ordering: false,
				data: child,
				columns: columns,
				rowCallback: rowCall
			});

			tr.addClass('shown');
			tr.find("td span.glyphicon").removeClass('glyphicon-chevron-right').addClass('glyphicon-chevron-down');

		}

Popularity 6/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: datatable javascript row

Link to this answer
Share Copy Link

Contributed on Nov 28 2022

Alvainds

0 Answers Avg Quality 2/10

datatable sub row

Contents

More Related Answers

datatable sub row

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.