3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Oracle ApexでCRUD画面を爆速開発 - その5(Classic Reportのヘッダの上にグループヘッダ行を作る)

Last updated at Posted at 2020-08-03

シリーズ

Oracle ApexでCRUD画面を爆速開発 - その1(構成周り、一覧表示)
Oracle ApexでCRUD画面を爆速開発 - その2(詳細表示)
Oracle ApexでCRUD画面を爆速開発 - その3(登録/更新処理,Validation,アクセス制限など)
Oracle ApexでCRUD画面を爆速開発 - その4(選択リストの内容で一覧表示内容を更新させる)

今回の主な内容

  • ClassicReportのヘッダーを2段にしてグループ化したい

ClassicReportのヘッダーを2段組にしてグループ化したい

※ Excelだと簡単にできるんだけどなぁと言われちゃう思っちゃうこういうヤツです。

image.png

Template(Standard)のコピー

※ 今回はデフォルトでReportに設定されているStandardをコピーして作成したStandard2に対して内容変更をします。

1 Shared Component>Templateを開きます。

image.png

2 下の方にスクロールするとType:Report Name:Standardが見つかります。

!image.png

3 対象行の右側にある「Copyボタン」をクリックし開かれたダイアログでコピー先名称を入力します。終わったら「Copy」ボタンをクリックします。

image.png

4 "Standard2"が作成されたことを確認します。

image.png

テンプレート(Standard2)の修正

1 作成したStandard2テンプレートを開き、"Column Headings-Before Column Heading"項目を探します。

2 以下のHTMLコードをの後に追記します。

image.png

<th class="t-Report-colHead" colspan="4">GROUP1</th><th class="t-Report-colHead" colspan="3">GROUP2</th>

2 右上の「Apply Changes」で保存し、新しいテンプレートを適用させたいClassicReportに戻る。

テンプレート(Standard2)の適用

1 対象のClassic Reportの"Attribute"をクリック。"Appearance"にてTemplateを"Standard2"に変更。

image.png

image.png

2 Saveして実行
※Colspan指定の不足も含めて、きちんと反映されました。

image.png 

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?