JQuery Datatableがデフォルトの状態に戻る

Question

こんにちはボタンをクリックすると、データテーブルから行が削除され、それ自体が再描画されます。私はthisを試してみたが、列を除去しながら、それはデフォルトの設定に私のDataTableを戻します：

var tbl; 
$(document).ready(function() { 
    tbl = $('#myTable').DataTable({ 
     "bLengthChange": false, 
     "bFilter": false, 
     "iDisplayLength": 5, 
     "columns": [{ 
      "width": "50%" 
     }, { 
      "width": "10%" 
     }, { 
      "width": "10%" 
     }, { 
      "width": "10%" 
     }, { 
      "width": "10%" 
     }], 
     "responsive": true, 
     "retrieve": true 
    }); 
}); 

function delete() 
    tbl.rows($(this).parents('tr')).remove().draw(); 
} 

私もこれを試してみたと私は同じ結果を得る：

function delete() 
    $('#myTable').DataTable().rows($(this).parents('tr')).remove().draw(); 
} 

をし、また、私は含めてみましたreinitializingテーブルが、私はこれを行うための正しい方法は何ですか？

function delete() { 
    var tbl = $('#myTable').DataTable({ 
     "bLengthChange": false, 
     "bFilter": false, 
     "iDisplayLength": 5, 
     "columns": [{ 
      "width": "50%" 
     }, { 
      "width": "10%" 
     }, { 
      "width": "10%" 
     }, { 
      "width": "10%" 
     }, { 
      "width": "10%" 
     }], 
     "responsive": true, 
     "retrieve": true 
    }); 

    tbl.rows($(this).parents('tr')).remove().draw(); 
} 

エラーが出ますか

Answer 1

あなたはあなたのコード内のいくつかのタイプミスがあると私は、HTMLを見ていない...しかし、とにかく、ここで働い例です：http://jsbin.com/quhologaba/1/edit

コードスニペット：

$(document).ready(function() { 

    var tbl = $('#myTable').DataTable({ 
     "bLengthChange": false, 
     "bFilter": false, 
     "iDisplayLength": 5, 
     "responsive": true, 
     "retrieve": true 
    }); 

    $('#myTable tbody').on('click', '.remove', function() { 
    alert('clicked'); 
    console.log(tbl); 
    tbl.row($(this).parents('tr')).remove().draw(); 
    }); 

});