2012-04-04 3 views
0

데이터 테이블에 데이터를 삽입하려했지만 javascript는이 테이블이 정의되지 않았 음을 알려줍니다. 여기 내 코드는 다음과 같습니다.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++ 
      } 

답변

1

id가 'tabla1'인 테이블이 DOM에 있습니까? 이 경우는 당신이 가지고 다음의 경우

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

좋아, DOM에 사업부가있다 너비 'tabla1'id. 그것의 가장 좋은 이름은 IT가 아닙니다 ... – Mikelon85

+0

끝났습니다. 나는 이드의 표를 대신하여 이드의 표를 넣었다. 답변 주셔서 감사합니다 – Mikelon85

+0

먼저, 문서가 완전히로드되었을 때 스크립트가 실행되도록하십시오. 따라서 onload 트리거를 사용하거나 페이지 하단에 스크립트를 배치하면됩니다. 둘째, div에있는 .rows 및 .cells 속성을 사용하면 작동하지 않습니다. div는 테이블이 아니므로이 속성은 무효입니다. 대답에 – trickyzter

0

당신이 JQuery와 데이터 테이블을 만드시겠습니까 :

기본 자바 스크립트 :

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

jQuery를하지 않으면, 당신은 즉시 그것을 만들 수 있습니다 페이지에서

jquery.dataTables.min.js 또는 jquery.dataTables.js을 포함

관련 문제