一行js代码!实现一个简洁表格(3)
来源:未知 责任编辑:责任编辑 发表时间:2015-09-16 20:04 点击:次
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
});
myExt={};
myExt.util={};
myExt.util.css={};
myExt.util.css.applyCss=function(src){
var link=document.createElement('link')
link.rel="stylesheet";
link.type='text/css';
link.href=src;
document.getElementsByTagName('head')[0].appendChild(link);
};
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');
相关新闻>>
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>