html - css: 固定ヘッダーで水平方向と垂直方向の両方にスクロール可能なテーブル

Question

cssを使用して固定ヘッダーで水平方向と垂直方向の両方にスクロール可能なテーブルを実装するにはどうすればよいですか?

このScrolling a div from an outer divを見つけましたが、Javascript/Jquery を使用して実装されています。CSSのみを使用して実装する方法はありますか?

更新されたコード:

#div-table-content {
width: 100%;
overflow-x: auto;
}

table {
font-size: 12px;
white-space:nowrap;
overflow-x: scroll;
}

tbody {
height: 400px;
overflow-y: auto;
width: 100%;
display: block;
}

thead tr {
display: block;
width: 100%;
}