thead 固定，tbody 超出滚动（附带改变滚动条样式）

table tbody {
   max-height: 500px;
   display: block;
   overflow-y: auto;
}
table thead, table tbody tr {
   width: 100%;
   display: table;
   table-layout: fixed;
}
table thead {
   width: calc(100% - 3px); /*减去默认滚动条的宽度，让thead 与tbody 对齐*/
}

table tbody::-webkit-scrollbar { width: 3px;}  /*设置滚动条的宽度，让thead 与tbody 对齐*/

/*改变滚动条的宽度和样式*/

table tbody::-webkit-scrollbar { width: 3px;}

table tbody::-webkit-scrollbar-track{background-color:#f0f0f0；}

table tbody::-webkit-scrollbar-thumb{background-color:#CCCCCC;}

table tbody::-webkit-scrollbar-thumb:hover {background-color:#CCCCCC；}

table tbody::-webkit-scrollbar-thumb:active {background-color:#CCCCCC；}