一行js代码!实现一个简洁表格(2)
来源:未知 责任编辑:责任编辑 发表时间:2015-09-16 20:04 点击:次
};
function Table(config){
this.title=config.title;
this.data=config.data;
this.thead=config.thead;
this.show();
}
Table.prototype.show=function(){
var table=document.createElement('table');
var tbody=document.createElement('tbody');
var cap=document.createElement('caption');
cap.appendChild(document.createTextNode(this.title));
table.appendChild(cap);
table.appendChild(tbody);
var thead=document.createElement('tr');
tbody.appendChild(thead);
for(var m=0;this.thead[m];m++){
var th=document.createElement('th');
th.appendChild(document.createTextNode(this.thead[m]));
thead.appendChild(th);
}
var rows=this.data.length;
var cols=this.data[0].length;
for(var i=0;i<rows;i++){
var tr=document.createElement('tr');
tbody.appendChild(tr);
for(var j=0;j<cols;j++){
if(j){
var td=document.createElement('td');
td.appendChild(document.createTextNode(this.data[i][j]));
tr.appendChild(td);
}else{
相关新闻>>
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>