數據表不能添加一行

我試圖動態通過JavaScript將數據添加到一個表，它返回：數據表不能添加一行

遺漏的類型錯誤：無法讀取屬性未定義的「添加」。

編輯：代碼工作完全沒有row.add線。

相關代碼：

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="./css/jquery.dataTables.min.css"> 

<script type="text/javascript" src="./lib/jquery.min.js"></script> 
<script type="text/javascript" src="./lib/jquery.dataTables.min.js"></script> 

<script> 
var dataSet = [ 
    ['1.1','2.1'], 
    ['1.2','2.2'], 
]; 

$(document).ready(function() { 
    $('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>'); 
    t = $('#example').dataTable( 
    { 
     data: dataSet, 
     columns: [ 
      { "title": "Col 1" }, 
      { "title": "Col 2" }, 
     ], 
    }); 

    t.row.add(['1.3', '2.3']) // <-- Fails 
}); 
</script> 
</head> 

<body> 
<div id="demo" style="width:500px"> </div> 
</body> 
</html>

來源

2015-07-12 user2810330

我不能看到't.row'聲明/在你的代碼 – Umair

你調試，看看t.row值初始化？它是未定義的。 –

你非常接近。這是我做了你的代碼的變化：

一個。當初始化數據表，用資本D. 灣使用.draw（）;同時添加行。

var dataSet = [ 
 
    ['1.1','2.1'], 
 
    ['1.2','2.2'] 
 
]; 
 

 
$(document).ready(function() { 
 
    $('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>'); 
 
    
 
    var t = $('#example').DataTable({ 
 
     data: dataSet, 
 
     columns: [ 
 
      { "title": "Col 1" }, 
 
      { "title": "Col 2" } 
 
     ] 
 
    });    
 

 
    t.row.add(['1.3', '2.3']).draw(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<link href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" rel="stylesheet"/> 
 
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script> 
 

 
<div id="demo" style="width:500px"></div>

來源

2015-07-12 09:21:54

數據表不能添加一行

回答

相關問題