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

来源:未知 责任编辑:责任编辑 发表时间:2015-09-16 20:04 点击:
周一开学了,回去补考 物流 ,悲催的人生。

\

废话不多说,直接上代码,嗯,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); 

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 2011年度最佳 jQuery 插件
  • jquery学习笔记---jqGrid学习笔记 完整整理
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 我是如何去了解jquery的(六),案例之幻灯片轮换
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1