表格中表头thead固定，tbody增加滚动条解决

1、表头固定问题处理方式：

一般可以clone出thead，然后fixed固定于顶部；二就是表格内部tbody滚动，thead固定

对应第二种方式：有两种办法，其一table固定高，加滚动条，thead随着表格滚动translateY(...)

window.onload = function(){
        $('#table-cont').on('scroll', function scrollHandle (e){
            var scrollTop = this.scrollTop;
            $('#table-cont thead').css("transform",'translateY(' + scrollTop + 'px)');
        });
    }

其二如下所示，设置表格样式

#divGrid table{
     border-collapse:collapse !important;
    border-spacing:1px;
}
#divGrid table tbody {
    display:block;
    max-height:450px;
    width:inherit;
    overflow: hidden;
    overflow-y:auto;
}
#divGrid table thead,#divGrid tbody tr {
    display:table;
    width:inherit;
    table-layout:fixed;
}
#divGrid table thead th,#divGrid table tbody tr td{
    border: 1px solid #E5E5E5;
    border-top: none;
}

效果图如下