一行js代码！实现一个简洁表格

废话不多说，直接上代码，嗯，4行了，不过明眼人都能看出来它还是一行吧。。

[javascript] var myTable=new Table({ 
    title:'大学四年', 
    data:data, 
    thead:thead 
}); 



 

<pre class="javascript" name="code">data是表格中的数据，thead是什么就不用说了吧 
<pre class="javascript" name="code">data是表格中的数据，thead是什么就不用说了吧

[javascript] var data=[ 
         
        ['伤感','吃饭','睡觉','打游戏','学java','看这世界冷掉'], 
        ['伤感','吃饭','睡觉','打游戏','学java','看这世界冷掉'], 
        ['伤感','吃饭','睡觉','打游戏','学java','看这世界冷掉'], 
        ['伤感','吃饭','睡觉','打游戏','学java','看这世界冷掉'] 
    ] 
var thead=['标题1','标题2','标题3','标题4','标题5','标题6'] 
var data=[
    
  ['伤感','吃饭','睡觉','打游戏','学java','看这世界冷掉'],
  ['伤感','吃饭','睡觉','打游戏','学java','看这世界冷掉'],
  ['伤感','吃饭','睡觉','打游戏','学java','看这世界冷掉'],
  ['伤感','吃饭','睡觉','打游戏','学java','看这世界冷掉']
 ]
var thead=['标题1','标题2','标题3','标题4','标题5','标题6']

当然，每次都想一行就创建这样一个表格，需要进行一定封装，代码如下，写的很随意， 没仔细推敲，没注释，也没有任何容错处理，凑合来吧。

很明显模仿的Ext的表格。

[javascript]  
 
 
[javascript] 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);