纯CSS table表格 thead固定 tbody滚动效果
由于项目需要 ， 在表格中 ， 当数据量越来越多时 ， 就会出现滚动条 ， 而在滚动的过程中 ， 默认情况下表格头部会跟着表格内容一起滚动 ， 导致看不到头部对应的字段名 ， 影响体验效果！
实现思路：
将内容要滚动的区域控制在 tbody 标签中添加 overflow-y: auto; 样式 ， 给 tr 标签添加 table-layout:fixed; (这是核心)样式 ， 由于 tbody 有了滚动条后 ， 滚动条也要占位 ， 又会导致 tbody 和 thead 不对齐 ， 所以在设置 tbody 的宽度时要把滚动条的宽度也加上【如果不想显示滚动条的话 ， 可以把滚动条的宽度设置为0px ， 滚动条就没有了 。
【讲解table滚动条事件 table表格横向的滚动条】下面是效果图 ， 具体完整实例代码也在下面：
完整实例代码： 推荐阅读
