转帖网上的一个合并表格单元格的jQuery代码。其中可以学习 将合并函数新增为jQuery的方法、将需要合并的左侧单元格采用TH标签等。
原文标题:jQuery colspan and rowspan table using cell break
原文地址:http://willifirulais.blogspot.com/2007/07/jquery-table-column-break.html
原表格:
x | x | x | hx1 | hx1 | hx1 |
---|---|---|---|---|---|
x | x | x | hxx1 | hxx2 | hxx3 |
hy1 | hyy1 | hy1 | a1 | 2 | 3 |
hy1 | hyy2 | hy1 | 1.1 | 2.1 | 3.1 |
hy1 | hyy3 | hy1 | 4 | 5 | 6 |
hy2 | hyy3 | hy1 | 7 | 8 | 9 |
hy2 | hyy3 | hy1 | 10 | 11 | 12 |
hy2 | hyy3 | hy1 | 13 | 14 | 15 |
hy3 | hyy3 | hy2 | 1 | 2 | 3 |
hy3 | hyy3 | hy2 | 1 | 2 | 3 |
hy2 | hyy3 | hy1 | 1 | 2 | 3 |
hy2 | hyy3 | hy1 | 1 | 2 | 3 |
hy3 | hyy3 | hy2 | 1 | 2 | 3 |
hy3 | hyy3 | hy2 | 1 | 2 | 3 |
运行函数合并单元格后的表格:
x | x | x | hx1 | hx1 | hx1 | ||||
---|---|---|---|---|---|---|---|---|---|
x | x | x | hxx1 | hxx2 | hxx3 | ||||
hy1 | hyy1 | hy1 | a1 | 2 | 3 | ||||
hy1 | hyy2 | hy1 | 1.1 | 2.1 | 3.1 | ||||
hy1 | hyy3 | hy1 | 4 | 5 | 6 | ||||
hy2 | hyy3 | hy1 | 7 | 8 | 9 | ||||
hy2 | hyy3 | hy1 | 10 | 11 | 12 | ||||
hy2 | hyy3 | hy1 | 13 | 14 | 15 | ||||
hy3 | hyy3 | hy2 | 1 | 2 | 3 | ||||
hy3 | hyy3 | hy2 | 1 | 2 | 3 | ||||
hy2 | hyy3 | hy1 | 1 | 2 | 3 | ||||
hy2 | hyy3 | hy1 | 1 | 2 | 3 | ||||
hy3 | hyy3 | hy2 | 1 | 2 | 3 | ||||
hy3 | hyy3 | hy2 | 1 | 2 | 3 |
1、新增jQuery合并单元格方法
2、使用以上合并单元格方法