添加数据后刷新数据表？答案

【问题标题】：Refresh datatable after adding data?添加数据后刷新数据表？
【发布时间】：2017-11-03 03:07:31
【问题描述】：

我在数据表中加载了数据。我想在点击链接时在表格中添加更多数据，而不是重新绘制完整的表格

这是我的数据表代码（我这里只添加了相关代码）

 function(){
       oTable=      $('#customerTable').dataTable({
                    "bJQueryUI": true,
                    "iDisplayStart":0,
                    "iDisplayLength": 10,
                    "bRetrieve": true,
                    "bServerSide": true,
                    "bFilter": false,
                    "bInfo": false,
                    "bAutoWidth": false,
                    "aaSorting": [[1,'desc']],
                    "aoColumns": [
                    {"aTargets": [0],"sName":"customer.fullName", "mData": function(response){
                        return response.customer.fullName;
                    }, "bSortable": false},
                    {"aTargets": [1],"sName":"updatedDate", "mData": function(response){
                        var updateDate = response.updatedDt;
                        return updateDate;
                    }, "bSortable": true},

                    ]

                    "fnDrawCallback": function(oSettings) {


                            }
                        });
            }

当我执行 oTable.fnGetData(); // 它显示行

这是我在数据表中添加数据的代码

 for(i=0; i<jsonData.length;i++) {// i have debugged data is in right json format in js
            oTable.fnAddData(jsonData[i]);
            oTable.fnDraw();

    }

当我执行oTable.fnGetData() 时，它显示了 15 行，但我的表中仍然没有显示数据。浏览器控制台也没有错误。我错过了什么吗？为什么表上的数据没有刷新？

更新：- 使用数据表版本 1.9.1

【问题讨论】：

将示例数据附加到问题中。另外，oTable.fnAddData(data[i]); 应该是oTable.fnAddData(jsondata[i]);
其完整的 Web 应用程序，其中数据来自服务器端。我不确定你在找什么？这是有问题的拼写错误。在实际代码中是正确的
向我们展示您从服务器获取的数据的示例行。
这比上一篇文章更有意义 :) 见下文，mData 在 1.9.2 之前被命名为 mDataProp，但现在很难找到使用 1.9.1 的示例对象。它已有 5 年多的历史了，此后迅速发生了变化的新版本。

标签： json ajax datatable datatables

【解决方案1】：

您好，您可以使用Datatables Reload

oTable.ajax.reload();

【讨论】：

我正在使用旧版本的数据表，即 1.9.1。