thead固定tbody滚动 table的局部滚动

最近在写后台管理系统，在数据的显示上，table如果整体滚动的话，头部信息就会滚到消失，这样显示不太友好，百度了很多，终于实现了这种方法。

首先给thead设置

thead{
    display:table;
}

然后tbody设置

tbody{
    display:inline-block;//或者block
    height:300px;//设置一个你想要的固定宽度
    overflow:scorll;   
}

这时td的宽度是靠内容撑开的，tr是td撑开的。

若想设置td的宽度，之间在行内样式上添加即可。

注意thead必须要设置，不设置就不能修改td的宽度了。