动态追加DataTable而不刷新页面

Question

我需要动态附加一个 DataTable，我需要多次填写一个表单并在每次用户单击按钮以发送其输入结果并在我的 Datatable 中显示结果时在 DT 中显示结果。

 <table id="table" class="display" width="100%"></table>
 <button type="button" id="btnOne" class="btn btn-success"> Valider</button>

 <script>
 $("#btnOne").click(function() {
     var reje = $("#table")

    reje.DataTable ({
        "data" : maj_ref_modeles_json,
        "columns" : [
            { "data" : "codemodele" },
             { "data" : "pksegmentation" }

        ]
    });
 });
 </script>

第一组数据的数据表已正确填充，但在第二次迭代时，我的浏览器中有此消息：

DataTables 警告：table id=table - 无法重新初始化 DataTable。有关此错误的更多信息，请参阅http://datatables.net/tn/3

Answer 1

在创建新数据表之前销毁数据表

$("#table").dataTable().fnDestroy();