I am creating my datatable dynamically using the code snippet below. Everything appears fine in my UI, however, my cTable variable does not contain the row property. Therefore, I cannot delete rows with the following syntax:
cTable.row($(currentRow).parents('tr')).remove().draw(); // gives an error. row is undefined cTable.fnDeleteRow($(currentRow).parents('tr')); // works fine; but I think it's using the compatibility mode from previous version of dt
var cTable // Global variable . . cTable = $('#tblComment').dataTable({ "columnDefs": [ { "targets": 0, "className": "editRow1" }, { "targets": 1, "className": "deleteRow1" } ], "paging": false, "info": false, "ordering": false, "jQueryUI": true, "autoWidth": false, });
function format(d) { var tr = []; tr.push("
");
var tblRow = tr.join('');
return tblRow;
}
As you can tell this is a child table created dynamically. The parent table works fine with this syntax: pTable.row($(currentRow).parents('tr')).remove().draw();
I would like to use the same syntax for the child table. Thanks.