一行js代码!实现一个简洁表格(4)
来源:未知 责任编辑:责任编辑 发表时间:2015-09-16 20:04 点击:次
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{
var td=document.createElement('th');
td.appendChild(document.createTextNode(this.data[i][j]));
tr.appendChild(td);
}
}
}
myExt.util.css.applyCss('table.css');
document.body.appendChild(table);
}
var data=[
['伤感','吃饭','睡觉','打游戏','学java','看这世界冷掉'],
['伤感','吃饭','睡觉','打游戏','学java','看这世界冷掉'],
['伤感','吃饭','睡觉','打游戏','学java','看这世界冷掉'],
['伤感','吃饭','睡觉','打游戏','学java','看这世界冷掉']
]
var thead=['标题1','标题2','标题3','标题4','标题5','标题6']
var myTable=new Table({
title:'大学四年',
data:data,
thead:thead
});[javascript] <span style="font-family:Arial;BACKGROUND-COLOR: #ffffff"></span>
<span style="font-family:Arial;BACKGROUND-COLOR: #ffffff"></span> [javascript] <span style="font-family:Arial;BACKGROUND-COLOR: #ffffff"></span><span style="font-size:13px;"> </span>
相关新闻>>
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>