ajaxを使用してdataTableにデータを入力すると、データはページング時にDataTableにバインドされません

Question

データテーブルを使用してドキュメントリストを表示しています。どこに新しい文書を追加することもできます。私は、文書の数が10未満であれば、それは次のボタン（ページネーション）のonclickの、より多くの場合それは完璧に働いているAjax呼び出し

$.ajax({ 
      type: "POST", 
      url: path, 
      data: { Id: "0", MId: $("#MId").val() }, 
      dataType: "json", 
      success: function (response) { 

       var result = response.map(function (item) { 
        var result = []; 

        result.push(item.Id); 
        result.push(item.DocumentName); 
        result.push(item.Description); 
        result.push(item.UploadedOn); 
        result.push(item.UploadedBy); 
        result.push(item.UploadedDocument); 
        result.push(item.MId); 

        return result; 
       }); 
       for (var i = 0; i < result.length; i++) { 
        result[i][0] = "<span id='" + result[i][0] + "'>" + result[i][1] + "</span>"; 
        result[i][1] = "<span>" + result[i][2] + "</span>"; 
        result[i][2] = "<span>" + result[i][3] + "</span>"; 
        result[i][3] = "<span>" + result[i][4] + "</span>"; 
        result[i][4] = "<a href='" xxxxxxxx"</a>"; 
        result[i][5] = "XXXXXXXXXXXXX"</i></label>"; 
        t.row.add(result[i]); 

       } 

       $("#user-detail-datatable").DataTable().draw(); 

       $("#user-detail-datatable").DataTable().clear(); 
      }, 
      error: function (error) { 

      } 
     }); 

を使用してのDataTableにデータをバインドしています。表示するデータは表示されません。私はまた、最初のページにも戻ることができません。この問題を解決する方法。私はブートストラップdatatableを使用しています。新しい行を追加する前に

TIA

Answer 1

実行clear()。

success: function (response) { 
    $("#user-detail-datatable").DataTable().clear() 

    // Add new rows 

    $("#user-detail-datatable").DataTable().draw(); 
}