添加数据后刷新数据表?

时间:2017-11-03 03:07:32

标签: json ajax datatable datatables

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

这是我的数据表代码(我在这里只添加了相关代码)

 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

1 个答案:

答案 0 :(得分:0)

嗨,您可以使用Datatables Reload

oTable.ajax.reload();
相关问题