原生table實現tbody左右滾動，整個table實現上下滾動

原生table實現tbody的上下滾動，代碼為：

table tbody {//tbody實現上下滾動
  display: block;
  height: 189px;
  overflow-y: auto;
}
table thead,
tbody tr,
tfoot tr {
  display: table;
  width: 100%;
  height: 40px;
  table-layout: fixed;
  font-size: 14px;
  font-family: Microsoft YaHei;
  text-align: center;
}
table thead {//減去滾動條寬度
  width: calc(100% - 1em);
}

.table-div {//table外部設置滾動條做法

  width: 100%;

  overflow-x: auto;

}

如果要實現左右滾動，需要在上面代碼的基礎上給每個td設置固定寬高，但這樣實現的效果會導致如果tbody設置上下滾動，他會出現在整個表格的最后面，數據過長的話，會看不到上下的滾動條，代碼僅供參考，基本不變，一些樣式設置在你們電腦上不行，布局不同導致的。

有哪位朋友解決了，可以留言，相互學習，菜鳥一枚。