Html 縦スクロール(table)¶

※サンプル

・formタグに「h-100」
・「table-content」の上のdivタグに「table-container」「h-100」
・tableの上のdivタグに「table-content」
・tableタグに「table-sticky-x」

	<!--/* layoutに埋め込む部分を定義 */-->
	<div layout:fragment="contents">
		<div class="content" id="${map_id}">
			<form method="post" name="content_form" id="content_form" th:action="${next_url}" autocomplete="off" class="h-100">
				<div class="container text-center table-container h-100">

					...

					<!-- 4行目 -->
					<div class="row table-content m-2">
						<table class="table table-sticky-x invisible show-2">
							...
						</table>
					</div><!--table-content-->
				</div>
				<!-- フッター -->
				<th:block th:insert="~{layout/contentsFooter :: contentsFooter}"></th:block>
			</form>
		</div>
	</div>