I am currently working with a datatable and I would like to implement a feature where the selected row is removed when clicked on.
Below is the code snippet for the datatable:
$('.data-table').dataTable({
"aaSorting": [],
"oLanguage": {"sSearch": ""},
"fnDrawCallback": function (oSettings) {}
});
Additionally, here is the functionality for deleting rows:
<input type="button" class="btndel btn-primary btn btn-primary" onclick=" $(this).closest('tr').addClass('selected');
if ($('.tab1').hasClass('active')) {
var rows = $('.data-table').dataTable().row('.selected').remove().draw();
var xSum = 0;
var items = document.getElementsByClassName('pp');
var itemCount = items.length;
var total = 0;
$('.pp').each(function () {
var che = isNaN($(this).text());
if (che == false) {
xSum += parseFloat($(this).text());
}
});
var value1 = xSum / parseInt(itemCount);
$('#avgsold').text(value1.toFixed(2));
}
if ($('.tab2').hasClass('active')) {}" value="Delete" />
However, there seems to be an error occurring:
Uncaught TypeError: $(...).dataTable(...).row is not a function
Thank you in advance for any assistance provided.