table数据相同合并单元格

共2个文件

js：1个

html：1个

table

合并单元格

需积分: 50 19 下载量 118 浏览量 2019-12-30 00:00:34 上传评论收藏 1KB RAR 举报

温馨提示

table数据相同时合并单元格，原理：逐行进行比较，相同时隐藏第二行，对第一行添加rowspan 【table数据相同时合并单元格，原理：逐行进行比较，相同时隐藏第二行，对第一行添加rowspan】

资源推荐

资源详情

资源评论

收起资源包目录

合并单元格.rar （2个子文件）

rowspan.js 1KB

index.html 2KB

共 2 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <script src='js/rowspan.js'></script> <title>表格合并行</title> <style> table, th, td { border: 1px solid #666; } table { border-collapse: collapse; width: 800px; margin: 10px auto; } th, td { padding: 10px; } .hide { display: none; } </style> </head> <body> <div> <table class="table"> <thead> <tr> <th>序号</th> <th>姓名</th> <th>班级</th> <th>分数</th> <th>性别</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>张</td> <td>国商01</td> <td>89</td> <td>男</td> </tr> <tr> <td>2</td> <td>李</td> <td>国商01</td> <td>89</td> <td>男</td> </tr> <tr> <td>3</td> <td>王</td> <td>国商01</td> <td>88</td> <td>女</td> </tr> <tr> <td>4</td> <td>李</td> <td>国商02</td> <td>88</td> <td>女</td> </tr> <tr> <td>5</td> <td>李</td> <td>国商02</td> <td>88</td> <td>男</td> </tr> <tr> <td>6</td> <td>李</td> <td>国商02</td> <td>88</td> <td>男</td> </tr> </tbody> </table> </div> </body> </html>

评论收藏

内容反馈

资源评论