2010-11-04 62 views
0

如何根據數據集動態創建表格單元格? JavaScript/ajax需要這個嗎?是否可以使用單元格的模板div?根據數據動態創建基於模板的表格單元

只是尋找一些方向。

+0

你可以看看這個:https://pugjs.org – vsync 2017-06-14 12:25:11

+0

是的,你可能需要Ajax來檢索數據服務器以某種方式使網頁可以編譯模板並將編譯的HTML注入頁面。 – vsync 2017-06-14 12:25:59

回答

1

如果你想動態地創建表格單元,你需要操縱DOM,所以你需要Javascript。

一個例子,這將增加一個新行到表:

var table = document.getElementById('[tablebodyelement]'), 
    row = document.createElement('tr'), 
    data = ["cell1", "cell2", "cell3"]; 

for(var i=0; i<row.length; i++){ 
    var cell = document.createElement('td'); 
    td.appendChild(document.createTextnode(row[i])); 
    row.appendChild(td); 
} 

table.appendChild(row); 
相關問題