动态追加数据表，无需刷新页面

Question

我需要动态附加数据表，我需要多次填写表单并在每次用户单击按钮以发送其输入结果并在我的数据表中显示结果时在 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();