如何将数据插入到jQuery数据表？

我试图在数据表中插入数据，但JavaScript CONSOLO说这张表是未定义的。这里是我的代码：如何将数据插入到jQuery数据表？

// ----creating the table---- 
     miArray = [[11,22,33,44,55,"22/11/2012",99,86,99,1010,1111],[11,22,33,44,55,"11/06/2011",77,88,99,1010,1111],[11,22,33,44,55,"11/06/2011",77,88,99,1010,1111],[11,22,33,44,55,"11/06/2011",77,88,99,1010,1111],[11,22,33,44,55,"11/06/2011",77,88,99,1010,1111],[11,22,33,44,55,"11/06/2011",77,88,99,1010,1111],[11,22,33,44,55,"11/06/2011",77,88,99,1010,1111],[11,22,33,44,55,"11/06/2011",77,88,99,1010,1111],[11,22,33,44,55,"11/06/2011",77,88,99,1010,1111]] 

      var tabla= "<table name='tabla1' id='dataTable'><thead><tr><th>Tipo de documento</th><th>Tipo de documento</th><th>Tipo de documento</th><th>Codigo de documento</th><th>Descripcion de documento</th><th>Fecha de documento</th><th>Codigo de proveedor</th><th>Descripcion de proveedor</th><th>Importe</th><th>Importe IVA</th><th>Total a pagar</th></tr></thead><tbody>" 

      for (i=0;i<miArray.length;i++){ 
        tabla = tabla + '<tr>' 
       for (j=0;j<miArray[i].length;j++){    
        tabla = tabla +'<td></td>'      
       } 
       tabla = tabla + '</tr>'  
      } 
      tabla = tabla +'</tbody></table>' 

      document.getElementById("tabla1").innerHTML = tabla 

      // -----inserting data-------- 
      h=1 
      for (i=0;i<miArray.length;i++){ 
       for (j=0;j<miArray[i].length;j++){   
        document.getElementById("tabla1").rows[h].cells[j] = miArray[i][j]   
       } 
      h++ 
      }

来源

2012-04-04 Mikelon85

在DOM中是否存在ID为'tabla1'的表？

本地JavaScript：

var tabla1 = document.createElement('table'); 
tabla1.id = 'tabla1';

jQuery的：如果没有，你可以在飞行中创建

var tabla1 = $('<table></table>', { id: 'tabla1' });

来源

2012-04-04 11:36:49 trickyzter

OK，有DOM中的DIV宽度'tabla1'ID。 IT不是最好的名字... – Mikelon85 2012-04-04 11:45:34

完成了。我把div的id代替了桌子的id。感谢您的回答 – Mikelon85 2012-04-04 11:58:52

首先，确保脚本在文档完全加载时执行，因此使用onload触发器或将脚本放在页面底部就足够了。其次，在div上使用属性.rows和.cells将不起作用。 div不是表格，因此这些属性是无效的。 – trickyzter 2012-04-04 12:01:12

你想创建jQuery的数据表，如果是这样的话，那么你必须在您的网页

jquery.dataTables.min.js或jquery.dataTables.js

来源

2013-02-26 17:20:36

如何将数据插入到jQuery数据表？

回答

相关问题