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；}