- 时间:2022-02-05 15:18 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:通过jquery还原含有rowspan、colspan的table的实现方法
需求
把含有rowspan、colspan的table还原。
例如原table为:
[img]http://pic002.cnblogs.com/images/2012/112805/2012020822414583.jpg[/img]
还原后的table为:
[img]http://pic002.cnblogs.com/images/2012/112805/2012020822422055.jpg[/img]
代码原理
对table进行遍历,如果td的rowspan属性值大于1,则给当前的td的父元素的兄弟元素添加td,如果td的colspan属性值大于1,则在当前的td元素后添加td
[url=http://demo.jb51.net/js/2012/jquery_demo/jquery_rowspan_colspan_table.html]http://demo.jb51.net/js/2012/jquery_demo/jquery_rowspan_colspan_table.html
[/url]小结
本文只提供了还原含有rowspan、colspan的table的方案之一,欢迎大家测试讨论。
至于合并表格单元格网上已经有了代码:
原文标题:jQuery colspan and rowspan table using cell break
原文地址:http://willifirulais.blogspot.com/2007/07/jquery-table-column-break.html