データテーブルが正しく更新されない

Question

以下は私のブーストデータテーブルstaff_lookです。ページが読み込まれると、約50のレコードが含まれます。

$(document).ready(function() { 
      $('#staff_look').DataTable({ 
       'ordering': true, 
       'lengthMenu': [10, 25, 50, 75, 100] 
      }); 
     }); 

ボタンをクリックすると、すべての行が削除され、テーブル本体に新しい行が追加されます。

$.post("<?php echo base_url('controller/function') ?>", {'id': id}, 
    function (data) 
    { 
     if (data.length > 0) { 
      $('#tbl_body').find('tr').remove(); 
      for (j = 0; j < data.length; j++) { 
       $('#tbl_body').append("<tr><td>" + (j + 1) + "</td><td>" + data[j]['reg_no'] + "</td><td>" + data[j]['first_name'] + " " + data[j]['last_name'] + "</td><td>" + data[j]['nic_no'] + "</td></tr>"); 
      } 
     } 
    }, 
    "json" 
    ); 

しかし、私は、行を削除して行を追加するときに10〜50のエントリ、次のテーブルやデータテーブルdos't変更の前のセクションに1を表示。これを解決するために私を助けてください。

あなたが新しい行を追加するための行

$('#staff_look').DataTable().remove().draw(false); 

を削除するための例

の下に検討することができ

Answer 1

$('#example').DataTable().row.add([ 
      (j + 1), 
      data[j]['reg_no'], 
      data[j]['first_name'], 
      data[j]['last_name'], 
      data[j]['nic_no'] 
     ]).draw(false);