Search

jQuery('#example tbody').append(html);

Thanks for your help. I tried keeping just jQuery('#example').DataTable().clear();. It is not clearing the table. I am not sure where you didnt find tbody tag. But what I found out was after execution

jQuery('#example thead').first().after(html);

$('#example').on( 'change', 'input.editor-active', function () { editor .edit( $(this).closest('tr'), false, { submit: 'changed' } )

(https://datatables.net/manual/styling/classes#Examples)?

Thanks for the reply. I have moved jQuery('#example').DataTable().clear().destroy(); before the jQuery manipulation.

Looks like you are calling the function clickButton() when clicking "Submit". This functions looks like its manipulating the table via jQuery then you are trying the Datatables clear() and

https://datatables.net/reference/api/row.add()#Examples

var t = $('#example').DataTable();

// initialize table table = $('#example').DataTable({ dom: "Bfrtip", data: aoo, columns: [ { data: 'PosTitle', title: 'P

$('#example tbody').on('click', 'tr', function () { if ($(this).hasClass('selected')) { $(this).removeClass('selected'); } else { ta

table: "#example", fields: [ { label: "First name:", name: "first_name"

$('#example tbody tr').click(function () {

$('#example').DataTable( {

() { //alert('doc'); $('#example').DataTable({ "serverSide": true, "ajax": { "url": "index.php?r=patient/lis

table = $('#example').dataTable( { dom: "Bfrtip", columns: [ { "data": "item" }, { "data": "status" } ], buttons: [ { extend: "create", &quo

var table = $('#example').DataTable();

var invisibleItems = [1,2]; var table = $('#example').DataTable({ columnDefs: [{ visible: false, targets: invisibleItems }] });

$('#example').dataTable( {

$("#example").DataTable( { //ajax code will come here. }); }); });