合并table相同单元格的jquery插件分享(很精简)

2020-05-23 06:13:28易采站长站整理

效果如下

原表格:

















































col0col1col2col3
SuZhou1111122222SuZhouCity
SuZhou3333344444SuZhouCity
SuZhou5555566666SuZhouCity
ShangHai7777788888ShangHaiCity
ShangHaiuuuuuhhhhhShangHaiCity
ShangHaigggggcccccShangHaiCity
GuangZhouttttteeeeeGuangZhouCity
GuangZhoupppppqqqqqGuangZhouCity

处理之后的样子:







































col0col1col2col3
SuZhou1111122222SuZhouCity
3333344444
5555566666
ShangHai7777788888ShangHaiCity
uuuuuhhhhh
gggggccccc
GuangZhouttttteeeeeGuangZhouCity
pppppqqqqq

效果出来, 看上去比较简单, 下面先看下页面

<table id=”process” cellpadding=”2″ cellspacing=”0″ border=”1″>
<thead>
<tr >
<td>col0</td>
<td>col1</td>
<td>col2</td>
<td>col3</td>
</tr>
</thead>
<tbody>
<tr>
<td>SuZhou</td>
<td>11111</td>
<td>22222</td>
<td>SuZhouCity</td>
</tr>
<tr>
<td>SuZhou</td>
<td>33333</td>
<td>44444</td>
<td>SuZhouCity</td>
</tr>
<tr>
<td>SuZhou</td>
<td>55555</td>
<td>66666</td>
<td>SuZhouCity</td>
</tr>
<tr>
<td>ShangHai</td>
<td>77777</td>
<td>88888</td>
<td>ShangHaiCity</td>
</tr>
<tr>
<td>ShangHai</td>
<td>uuuuu</td>