rowGroup is not working

roshanzaid

Hi, I am trying to achieve row groups in my datatable. I tried every possible ways even the working examples which I copied from JSBin and fiddles. Please check where I am making the mistake?

var tableone= $('#exampleone').DataTable({
"stateSave": true,
"paging": false,
"bFilter": false,
"searching": true,
"dom": 't',
"iDisplayLength": 10,
"order": [[2, 'asc']],
"rowGroup": {"enable": true, "dataSrc": 2},
"aoColumnDefs": [{ "bSortable": false, "bSearchable": false, "aTargets": [3,4,5,6,7,8,9,10 ] } ]
});

roshanzaid

added scripts for the above query:

<script src="https://cdn.datatables.net-rowgroup-bs4/css/rowGroup.bootstrap4.min.css"></script>

kthorngren

You are trying to load a CSS file using a script tag which won't work. Plus if you try opening the link you will get a 404 not found error. You probably see this in your browser's console.

You can use the Download Builder to generate the correct JS and CSS CDN links.

Kevin