CSSにスクロールを表示させる（縦、横）

横スクロール

.horizontal-scroll-table {
  overflow: auto;
  white-space: nowrap;
}

• はみ出たtableを横スクロールで滑らかに表示するCSS - Qiita

縦スクロール

.vertical-scroll-table {
  overflow: auto;
  overflow-x: hidden;
  max-height: 12rem;
}

※max-heightのユニットはpxでもremでも好きなものを。

• HTML・CSS でテーブルヘッド部分固定、ボディ部分を縦スクロールする方法 : showeryのブログ

これらのCSSを、以下のように付与する。（例：Railsでslimを使っている場合）

.horizontal-scroll-table
  table.table
    thead
~

table要素の親クラスとして付与している点に注意。