由于项目组没有前端，所以既需要写后台，也需要写前端页面。当然就需要考虑一下浏览器的兼容性，谷歌浏览器的兼容性就是好，怎么写都行。IE浏览器就要差很多了。今天介绍一下怎么解决thead不显示滚动条，tbody显示滚动条。
我做的是一个弹窗，弹窗里面显示一个表格，要求thead的标题不显示滚动条，tbody显示滚动条。查了一下资料，直接在tbody中加了一个style="max-height: 240px;overflow-y:auto;，在谷歌浏览器中显示是正常的，但是后来测试同事告诉我在IE浏览器中不正常，不显示滚动条。
在网上查了一些资料说，IE浏览器不支持在tbody中直接添加overflow样式，需要使用两个div分别把thead和tbody包起来，变成下面的形式。
<div> <table id="record"> <thead style="display: block;"> <tr class="m2th"> <td width="200px" class="center">姓名</td> <td width="200px" class="center">年龄</td> </tr></thead></table> </div> <div style="max-height: 240px;overflow-y:auto;"><table> <tbody> <tr> <td width="200px" class="center">张三</td> <td width="200px" class="center">李四</td> <td width="200px" class="center">王五</td> <td width="200px" class="center">赵六</td> <td width="200px" class="center">小明</td> <td width="200px" class="center">小强</td> </tr> <tbody> </table> </div>
123456789101112131415161718192021222324参考资料
https://blog.csdn.net/yjl3039/article/details/45537101
