I'm using RowGroup and it is throwing error,

I'm using RowGroup and it is throwing error,

nandinitmnandinitm Posts: 1Questions: 1Answers: 0

Link to test case:
Debugger code (debug.datatables.net):
Error messages shown:
Description of problem:

Uncaught TypeError: Cannot read properties of undefined (reading '_fnGetObjectDataFn')
at RowGroup._group (dataTables.rowGroup.js:234:31)
at RowGroup._draw (dataTables.rowGroup.js:208:26)
at HTMLTableElement.<anonymous> (dataTables.rowGroup.js:159:10)
at HTMLTableElement.dispatch (jquery.min.js:2:43090)
at v.handle (jquery.min.js:2:41074)
at Object.trigger (jquery.min.js:2:71513)
at HTMLTableElement.<anonymous> (jquery.min.js:2:72108)
at Function.each (jquery.min.js:2:2976)
at S.fn.init.each (jquery.min.js:2:1454)
at S.fn.init.trigger (jquery.min.js:2:72084)

Table is defined as follows
...var table = $('#tableContent').DataTable( {
"ajax": {
"url": "/programs"
},
"columns": [
{ "data": "column1" },
{ "data": "column2" },
{ "data": "column3" },
{ "data": "column4" },
{ "data": "column5" ,"defaultContent": ""},
{ "data": "column6 },
{ "data": "column7" },
{ "data": “column8 }
],
"rowGroup": {
dataSrc: 'column1',
startRender: function ( rows, group ) {
var collapsed = !!collapsedGroups[group];
rows.nodes().each(function (r) {
r.style.display = collapsed ? 'none' : '';
});
return $('<tr />')
.append('<td style="background-color:#9fcc9fd6" colspan="8">' + group + ' (' + rows.count() + ')</td>')
.attr('data-name', group)
.toggleClass('collapsed', collapsed);
},
},
...

Answers

Sign In or Register to comment.