HTML中构建自动伸缩的表格Table
来源:互联网 发布:淘宝车辆拍卖 编辑:程序博客网 时间:2024/05/20 09:23
文章原创,转载请说明文章来自:http://blog.csdn.net/xxd851116/archive/2009/04/01/4041616.aspx
【引子】在开发的过程中,表格Table有个缺陷,如果一行中某个单元格的超过一行,表格就不够美观了。下面的代码解决了这个问题:当表格被载入的时候,TD的宽度是原定的长
度,不会撑开TD,也不会影响其他TD,点击某行会按照本行所有单元格中行数最多的单元格的长度伸长行高。用户体验很好。
【优点】
1、对开发人员指定的表格没有任何影响;
2、使用简单;
3、被定义的表格样式可以随意的定制你的样式,不对你的样式构成影响;
4、移植性好,扩展性好。
【缺点】
目前用IE7测试正常,但不支持FireFox,工作比较忙,没时间更正,希望网友更正,俺在此谢过。^_^
【使用方法】
1、将AutoTableSize.js包文件[点击这儿下载源代码]导入到你的web应用目录中;
2、引入包AutoTableSize.js,页面body底部加入:
<script type="text/javascript" src="AutoTableSize.js"></script>
3、编写你的脚本调用:
new AutoTableSize(); 当DOM对象中只有一个Table的时候不用指定Table的ID属性;
new AutoTableSize(table); table:既可以是表格的ID属性,也可以是表格对象;
【下载源码】 点击下载
【源码AutoTableSize-v1.0.js】
- HTML中构建自动伸缩的表格Table
- 可以自动伸缩的表格
- HTML 中表格table 的相关知识
- HTML中table表格的常用使用
- cppwebbrower中获取html中table表格的代码
- html中常用的table表格的css
- html中表格table的内容居中显示
- html中表格table的行列合并问题解决
- html中表格table的内容居中显示
- html中表格table的内容居中显示
- html中table居中和表格内容居中的问题
- HTML文件中表格(Table)标记的常用属性
- html web页面中table表格的使用方法和介绍
- 如何让table表格中td的内容自动换行
- html中表格自动换行
- js 将json数据自动绑定到 html table 表格中
- HTML/CSS中table表格布局
- tabletree table表格实现树状伸缩
- 没什么
- 用c写CGI 程序简要指南
- 翻阅Windows SDK Samples
- 用Android操作系统来控制真正的机器人
- AIX扩展文件系统空间
- HTML中构建自动伸缩的表格Table
- Android:让手机成为你的移动生活助手
- 带你了解ShotCode
- 客户端设计
- 你知道这些标点符号英文怎么说吗?
- evc4.0 MFC开发中,fatal error 1015 can't open file include aygshell.h 的解决办法
- Flex中的常见的效果
- c#大文件读取和写入数据库(带进度条的源代码)
- 深入理解linux系统下proc文件系统内容