jquery datatable显示隐藏子表

2021-07-07 21:04

阅读：876

标签：query sort cli word als values poi size exp

	Values	Number	Other
+	value 1	111	xyz
+	value 2	222	xyz
+	value 3	333	xyz

js:

$(function () {
var parentTable = $("#parentTable").DataTable({
order: [1, "asc"],
columnDefs: [{
sortable: false,
targets: [0]
}]
});

$(".expander").css({
cursor : "pointer"
}).click(function () {
var row = parentTable.row($(this).closest("tr"));

if(row.child() == undefined){
$(this).html("-");
var $table = $("

InnerV1	InnerV2	InnerV3	InnerV4
foo	bar	biz	baz
baz	biz	bar	foo
bar	foo	baz	biz

");
$table.attr("id", "childTable_" + row.index());
var childTable = $table.DataTable({
order: [0, "desc"],
columnDefs: [{
sortable: false,
targets: [1, 2]
}]
});

row.child(childTable.table().Container());
row.child.show();
} else {
$(this).html("+");
row.child(false);
}
});

});

技术分享