ランク凍結時に余分なスクロールバーを削除

帳票において固定行列を使う際、固定行の高さが画面を超えているかどうかにかかわらず、行の高さを調整すると右に余計なスクロールバーが出てきます。列の幅が画面を超えているかどうかにかかわらず、下にも横方向のスクロールバーが表示されます。下図の通りです。

こうなると画面効果が悪くなってしまいますが、どうすれば解決できるのでしょうか。

行を固定する時に右側のスクロールバーはfrozen-north、列を固定する時に下側のスクロールバーはfrozen-westです。この２種のスクロールバーの属性 overflow-x と overflow-y に対して適切な設定を行えば余計なスクロールバーを削除できます。

1.ロード完了イベントの追加

メニューテンプレート-テンプレートWeb属性を開き、改ページプレビュー設定をクリックします。テンプレート個別設定を選定し、ロード完了イベントを追加します。下図の通りです。

JavaScript コードは次の通りです。

$(".frozen-north").css('overflow-y', 'auto');
$(".frozen-west").css('overflow-x', 'auto');

注：overflow-x:横方向スクロールバー、overflow-y:縦方向スクロールバー、選定可能な値はscroll：いつも表示、auto：内容によって自動的表示か非表示、hidden：いつも非表示。

3.効果確認

保存した後、改ページプレビューをクッリクすることで、x軸とy軸のスクロールバーが非表示になります。效果は次の通りです。