我有一个HTML表中重复的数据列如下所示
的数据我想动态合并的HTML表格行单元格，如果数据是一样的下表
的我能够做到这一点与给定的价值数目的细胞跨度，但我如何才能做到这一点动态
rsl1atfo1#
哇，谢谢你的有趣的任务。我想出了这个解决方案http://jsfiddle.net/PhWGF/4/。不是最干净的代码，但我会把这部分留给你。你可以把你的表看作一个常规的2d array，所以这一切都归结为经典的嵌套循环。我们在同一列的每行中搜索每个单元格的重复，存储第一个和最后一个出现的位置，以确定跨度的长度。注意，在删除重复项之前，您需要设置所有“roswpan”。
2d array
mfuanj7w2#
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Tables</title> </head> <body> <table border="black"> <caption>Table</caption> <tr> <th>Name</th> <th>Subject</th> <th>Parts</th> </tr> <tr> <td rowspan="5">Shiva</td> <td rowspan="2">Math</td> <td>A</td> </tr> <tr> <td>B</td> </tr> <tr> <td rowspan="3">Science</td> <td>A</td> </tr> <tr> <td>B</td> </tr> <tr> <td>C</td> </tr> <tr> <td rowspan="4">Ram</td> <td rowspan="2">Math</td> <td>A</td> </tr> <tr> <td>B</td> </tr> <tr> <td rowspan="2">Science</td> <td>A</td> </tr> <tr> <td>B</td> </tr> </table> </body> </html>
字符串
2条答案
按热度按时间rsl1atfo1#
哇，谢谢你的有趣的任务。我想出了这个解决方案http://jsfiddle.net/PhWGF/4/。不是最干净的代码，但我会把这部分留给你。
你可以把你的表看作一个常规的
2d array，所以这一切都归结为经典的嵌套循环。我们在同一列的每行中搜索每个单元格的重复，存储第一个和最后一个出现的位置，以确定跨度的长度。注意，在删除重复项之前，您需要设置所有“roswpan”。
mfuanj7w2#
字符串