js行と列の動的追加(テーブルの作成)
7753 ワード
最近プロジェクトをしているときに、忘れないようにページを動的に作成する必要があるテーブルに遭遇しました.
2つの方法を紹介します.1つ目は、
2つ目:
項目ヘッダーが固定されている比較的簡単なフロントエンドページは書かない.
2つの方法を紹介します.1つ目は、
var qygdrow=[{"id":1,"name":" "},{"id":2,"name":" "},{"id":3,"name":" "},{"id":4,"name":" "}]// json ，
function createTable(){
$.each($('table:first tbody tr'),function(j,tr){
if(j==0){
var currentRow=$('table[name="zrtable"] tbody tr:eq('+j+');
for(var i=0;i<qygdrow.length;i++){
var tdhtml=''+qygdrow[i].id+''+''+qygdrow[i].name+'';
currentRow.after(tdhtml);
}
}
}
}
2つ目:
function createTable1(){
var table=document.getElementById("gqxx");
var trtitle=document.getElementById("gqxxfoot");
for(var i=0;i<qygdrow.length;i++){
var tr=document.createElement("tr");
var tdhtml=''+qygdrow[i].id+''+''+qygdrow[i].name+'';
$(tr).html(tdhtml);
$(tr).insertBefore(trtitle);
}
}
項目ヘッダーが固定されている比較的簡単なフロントエンドページは書かない.