2017-07-28 48 views
0

我想在datatable中动态地添加数据。我已经在document.ready上初始化了表并创建了它的一个实例。之后,我尝试使用实例在表中添加数据。如何在数据表中添加数据?

$(document).ready(function() { 
 
    //Initialize tooltips 
 
    table_sgdFile_list_linked = $('#sgdFile_list_linked').DataTable({ 
 
    bSort: false, 
 
    destroy:true, 
 
    bLengthChange: false, 
 
    pageLength: 4, 
 
    columns: [{ 
 
     title: "Name" 
 
     }, 
 
     { 
 
     title: "Action" 
 
     } 
 
    ] 
 
    }); 
 
    });

我想绑定的数据

table_sgdFile_list_linked.data(dataSet)

,但它无法正常工作。

+0

数据从哪里来?服务器端?一个DOM元素? – markpsmith

+0

我正在做一个ajax调用来获取数据并使用它创建表。@ markpsmith –

回答

0
my_list = $('#my-table-html-id').DataTable({ 
    "processing": true, 
    "serverSide": false, 
    "paging": true, 
    "bLengthChange" : true, 
    "bFilter": false, 
    "pageLength": 10, 
    "info": false, 
    "ordering": true, 
    "ajax": "PATH-OF-MY-API", 
    "columnDefs": [ 
     { 
      "render": function (data, type, row) { 
       var html = data + " Modified!"; 
       return html; 
      }, 
      "orderable": false, 
      "targets": 1 //Last column 
     }, 
    ], 
}) 
0

你可以试试这个:

加1行:table_sgdFile_list_linked.row.add(rowJson).draw();

添加多行:table_sgdFile_list_linked.rows.add(rowsJson).draw();

0

以下为我工作:

table_sgdFile_list_linked.clear() 。画(); ('#sgdFile_list_linked')。dataTable()。fnAddData(trHTML);