このような従業員情報にスクロールバーをつけたいとき
今回は垂直方向につけます。
1. テーブルをコンテナに入れる
2. Style Classの設定
"overflow-vertical"
を設定。
overflow は CSS のプロパティで、要素の内容が多すぎて収まらない場合の動作を設定。
3. コンテナの高さを設定
height: calc(100vh - 200px);
vh(viewport height)、vw(viewport width) は要素の幅や高さを指定する単位。
ビューポートは表示領域のことで、デスクトップ環境ではブラウザの画面サイズにあたる。
height: calc(100vh - 200px);
calc()関数は、CSSで「四則演算」ができる関数。
上記のように指定すると、指定した要素の高さはブラウザの画面の高さ100%からheightは合計200pxを引いていることになる。
