データテーブルにデータを追加する方法は？

Question

私はdatatable.Iのデータを動的に追加しようとしています。私はdocument.readyでテーブルを初期化し、it.Afterのインスタンスを作成した後、インスタンスを使用してテーブルにデータを追加しようとしています。

$(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)

をバインドしようとしていますが、それは動作しません。

Answer 1

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 
     }, 
    ], 
}) 

Answer 2

あなたはこの試みることができる：私のために働いた次table_sgdFile_list_linked.rows.add(rowsJson).draw();

Answer 3

：複数の行を追加しtable_sgdFile_list_linked.row.add(rowJson).draw();

：1行を追加する

を

table_sgdFile_list_linked.clear（） 。ドロー（）;$（ '＃sgdFile_list_linked'）。dataTable（）。fnAddData（trHTML）;