html表格展开收缩,HTML 自动伸缩的表格Table js实现

HTML 自动伸缩的表格Table js实现

发布于 2016-12-16 09:23:59 | 105 次阅读 | 评论: 0 | 来源: 网友投递

JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

在开发的过程中，表格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