I use DataTables all through our site and really look the grouped tables. Is there a way to dynamically pass in the number of columns? I have several instances used that all I do is change the number of columns. It would be nice to be able to use it globally.
$('table.groupedtable').DataTable({
"aaSorting": [],
"pageLength": 1000,
"columnDefs": [
{ "visible": false, "targets": 1 }
],
"drawCallback": function (settings) {
var api = this.api();
var rows = api.rows({ page: 'current' }).nodes();
var last = null;
api.column(1, { page: 'current' }).data().each(function (group, i) {
if (last !== group) {
$(rows).eq(i).before(
'<tr class="group"><td colspan="5">' + group + '</td></tr>'
);
last = group;
}
})
}
});