1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > HTML表格实现固定表头 内容滚动

HTML表格实现固定表头 内容滚动

时间:2019-07-11 05:59:24

相关推荐

HTML表格实现固定表头 内容滚动

分成两个表格 就可以了 比如

<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><title>Document</title></head><style type="text/css">table {border-color: #e4e4e4;border-collapse: collapse;border: 0;}table th:last-child {border-right-color: #f5f5f5;}.box {width: 540px;border: 1px solid #e4e4e4;}.table-head {padding-right: 17px;color: #000;background: #f5f5f5}.table-body {width: 100%;height: 150px;overflow-y: scroll;}.table-head table,.table-body table {width: 100%;}td {width: 10%;text-align: center;}th {width: 10%;text-align: center;}</style><body><div class="box"><div class="table-head"><table border="1" cellpadding="5"><thead><tr><th rowspan="2">序号</th><th rowspan="2">名称</th><th colspan="3">进度/结果</th></tr><tr><th>进度</th><th>结果</th><th>评价</th></tr></thead></table></div><div class="table-body"><table border="1" cellpadding="5"><tbody><tr><td>1</td><td>这是名称</td><td>99%</td><td>已完成</td><td>超级棒</td></tr><tr><td>1</td><td>这是名称</td><td>99%</td><td>已完成</td><td>超级棒</td></tr><tr><td>1</td><td>这是名称</td><td>99%</td><td>已完成</td><td>超级棒</td></tr><tr><td>1</td><td>这是名称</td><td>99%</td><td>已完成</td><td>超级棒</td></tr><tr><td>1</td><td>这是名称</td><td>99%</td><td>已完成</td><td>超级棒</td></tr><tr><td>1</td><td>这是名称</td><td>99%</td><td>已完成</td><td>超级棒</td></tr></tbody></table></div></div></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。