动态添加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警告：表id = table-无法重新初始化DataTable。有关此错误的更多信息，请参见http://datatables.net/tn/3

Answer 1

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

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