jQuery에서 동적 테이블 생성

가변 행 수의 HTML <table>을 어떻게 동적으로 생성합니까?jQuery에서 동적 테이블 생성

행의 수는 Javascript 개체 내에있는 속성 수에 따라 달라집니다.

function showTable(trnum) //number of table rows passed in 
{ 
    // how? 
    // $("#elem").foo // #elem - element container for table 
}

출처

2011-05-11 DrStrangeLove

난 당신에 대한 질문을 해결했습니다. 다음에 더주의하십시오. –

감사합니다 !! 나는 처음으로 그것을 제출할 수 없었다 .. 단지 세번째 시도만으로 .. – DrStrangeLove

function showTable(trnum) { 
    var tableCode = "<table>"; 
    for (var i=0; i<trnum; i++) { 
     tableCode += "<tr>" + "stuff inside each tr ?" + "</tr>"; 
    } 
    tableCode += "</table>"; 
    $("#elem").append(tableCode); 
}

출처

2011-05-11 13:47:31 Sylvain

행 내에서 TD 태그를 추가하지 못했고 코드에서 추가로 끝나는 TR 태그를 만드는 것처럼 보입니다. 그렇지 않니? – MUS

여분의 TR 태그는 테이블 태그 여야합니다. – Fermin

실제로 마지막 태그는 ''입니다! 그리고 그가 어떻게'' 태그를 삽입하기를 원하는지 명시하지 않았고, 그래서 나는 각각의 tr 안에 물건을 썼다. – Sylvain

링크를 따르십시오. Generating HTML Tables with jQuery. 데모를 들어 당신이 시도를 줄 수 here

출처

2011-05-11 13:45:44 MUS

jsFiddle의 코드에 줄 번호를 남겨두고 프레임 워크를'jQuery'로 설정하는 것을 잊었다. 또한 js 함수를 호출하여 테이블을 작성하지 않았습니다. jsFiddle을 업데이트했습니다. [http://jsfiddle.net/dJUKd/3/](http://jsfiddle.net/dJUKd/3/) – Sylvain

@Sylvain] 링크를 변경할 수 있습니다. 그렇게 해 주셔서 고맙습니다. :-)) 참고 사항 지정된 항목이 이미 있었고 데모가 정상적으로 작동하고있었습니다. – MUS

[정말로] (http://img821.imageshack.us/img821/4775/notworkingx.png)? – Sylvain

이동 :

$.createTable = function(trnum) 
{ 
    var reps = new Array(trnum); 
    var table = $('<table></table>'); 
    $.each(reps,function(){ 
     var td = $('<tr><td> Stuff here </td></tr>'); 
     table.append(td)  
    }); 
    $('#elem').append(table); 
}

호출 기능 :

$.createTable(6);

출처

2011-05-11 14:27:04 Limpan

jQuery에서 동적 테이블 생성

답변

관련 문제