JavaScript多行文本一行显示,点击可显示单元格全部内容的Table

时间:2012-04-22 02:04:29
【文件属性】:

文件名称:JavaScript多行文本一行显示,点击可显示单元格全部内容的Table

文件大小:4KB

文件格式:RAR

更新时间:2012-04-22 02:04:29

JavaScript 表格 Table AutoTableSize.js

【引子】在开发的过程中,表格Table有个缺陷,如果一行中某个单元格的超过一行,表格就不够美观了。下面的代码解决了这个问题:当表格被载入的时候,TD的宽度是原定的长 度,不会撑开TD,也不会影响其他TD,点击某行会按照本行所有单元格中行数最多的单元格的长度伸长行高。用户体验很好。 【优点】 1、对开发人员指定的表格没有任何影响; 2、使用简单; 3、被定义的表格样式可以随意的定制你的样式,不对你的样式构成影响; 4、移植性好,扩展性好。 【缺点】 目前用IE7测试正常,但不支持FireFox,工作比较忙,没时间更正,希望网友更正,俺在此谢过。^_^ 【使用方法】 1、将AutoTableSize.js包文件[点击这儿下载源代码]导入到你的web应用目录中; 2、引入包AutoTableSize.js,页面body底部加入: 3、编写你的脚本调用: new AutoTableSize(); 当DOM对象中只有一个Table的时候不用指定Table的ID属性; new AutoTableSize(table); table:既可以是表格的ID属性,也可以是表格对象;


【文件预览】:
test.html
AutoTableSize.js

网友评论

  • 虽然和我想要的不一样,但是对我有不小的启发,感谢
  • 标题栏的列不能*拉伸,不是我想要的东西
  • 好像不是我要的效果,但是也收藏起来先吧,以后可能用得上
  • 正好解决我的问题,谢谢分享
  • 正好解决问题真不错呵呵
  • 还好,内容丰富
  • 对我有启发,用了不少里边的代码。
  • 亲啊,360 6.2 chrome 29都不能用啊~~~
  • 不错,内容丰富
  • 网上有这方面的资料 似乎你没有做扩展
  • 还行,与要找的有点区别
  • 还好,内容丰富