【OutSystems】 テーブルにスクロールバーをつける

このような従業員情報にスクロールバーをつけたいとき

今回は垂直方向につけます。

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を引いていることになる。

スクロールバーがつきました。