SVF Cloudで表形式の帳票を出力する際、明細行ごとに網掛けをして見やすくしたいと思ったことはありませんか?
明細行に交互に色をつける等工夫することで、データの判別がしやすくなり視認性が向上します。
本記事では、表形式(サブフォーム)内のレコードの網掛け方法について、設定手順とポイントを詳しく解説します。明細行を交互に色をつけたりすることで、データの判別がしやすくなり、視認性が向上すること間違いなしです!

《準備編》明細データ出力エリアを作成する
「サブフォーム(明細表)」の作成
「サブフォーム」とは、帳票上で明細データを出力するための領域のことを指します。
サブフォームを使用すると、明細・小計・合計などの行を自動的に挿入したり、印刷位置を調整したりできるため、可変長の帳票を柔軟に作成できます。
サブフォームの作成手順については、以下のTECH BLOGをご参照ください。

《設定編》「サブフォーム(明細)」の網掛け設定
サブフォームにて作成したレコードに対して設定を行います。
まずはレイアウトイメージをお見せしますね。今回はこのような明細イメージを作っていきます。
設定方法は、以下プロパティエディターの各種タブの手順をご覧ください。

基本設定タブ
プロパティの基本設定にて、網掛け対象行の選択を行います。
- 対象のレコードを選択します。
- プロパティエディターの基本設定タブを選択します。
- [網掛け行の選択]にて網掛けしたい行を選択します。
・(例)[基本設定]タブ―[網掛け行の選択] :偶数行

塗り込みタブ
- 対象のレコードを選択します。
- プロパティエディターの塗り込みを選択します。
- [塗り込みパターン]と[グレースケール]を選択します。
・[塗り込み]タブ―[塗り込みパターン] :グレースケール
・[塗り込み]タブ―[グレースケール] :50※補足
[塗り込みパターン]で[グレースケール]を選択すると、綴り設定で指定した色を濃淡(グラデーション )を指定できます。詳細は、以下マニュアルを参照ください。

綴り設定タブ
網掛けの色を設定します。
- 対象のレコードを選択します。
- プロパティエディターの綴り設定を選択します。
- [1ページ目の塗り込み色]で塗り込みたい色を選択します。
・[綴り設定]タブ―[1ページ目の塗り込み色] :79,195,255 (5)

注意点
塗り込み色の設定を反映させるためには、ツールバーの[書式]-[用紙]のプロパティでカラーモードが有効になっている必要があります。無効になっている場合は有効にしてください。

《確認編》網掛けの見え方
今回紹介した設定では、帳票全体の見え方は以下のような形になります。

まとめ
明細行の網掛けの方法についてお伝えいたしましたがいかがでしたでしょうか?
帳票デザインをより見やすく、整理された形に仕上げることで理解しやすい帳票を出力できますよね!ぜひ実際にお試しください!