# テーブルを含む HTML レポート

QlikView または Qlik Sense からエクスポートされたテーブルは元の見出し付き、または見出しなしの状態で表示できます。エクスポートされた見出しを非表示にし、カスタムの見出しを作成することができます。これは、データ フィールドから生成された列を組み合わせて構築されたテーブルにも当てはまります。

次の例は、テーブルを含む HTML レポートを作成する方法を示しています。

## テスト

アプリの作成ではサンプル ファイルを使用できます。サンプル ファイルのダウンロードについては、「[サンプル ファイル](https://help.qlik.com/ja-JP/nprinting/May2026/Content/NPrinting/Examples/Examples.htm)」を参照してください。

## HTML テンプレートにテーブルを追加する

以下を実行します。

1. [テンプレートの編集] をクリックして [テンプレート エディター] を開きます。

2. [表] ノードを右クリックし、[オブジェクトの追加] を選択します。

3. リストからオブジェクトを選択します。

4. [OK] をクリックします。

5. オブジェクト ノードを右クリックし、[プロパティ] を選択します。

   情報メモ[プロパティ] ウィンドウがすでに表示されている場合は、ノードを右クリックしたときに [プロパティ] オプションは表示されません。

6. [プロパティ] パネルの [Keep Source Formats] および [Show Headers] チェック ボックスを選択します。

7. テーブル ノード タグをテンプレートにドラッグし、空のテーブル データ コンテナにドロップします。

   ```
    <html>
           <body>
                 <table>
                       <tr>
                        	<td>
                         		<h1 style="text-align:center">Top 10 Products<br /br> with QlikView Heading                       		</h1>%%yourtableobject%%                      </td>
                        <td>
                        		 <h1 style="text-align:center">Top 10 Products<br> </br> Hidden QlikView Heading                      		 </h1>
                          </td>
                       </tr>
                   </table>...
   ```

   2 つのバージョンのテーブルが隣り合わせで表示されます。左のテーブルでは見出しが表示され、右のテーブルでは見出しが非表示になっています。どちらの場合でも、テーブルはユニットとして埋め込まれます。

8. 同じテーブルをテンプレートにもう一度追加します。

9. 新しいテーブル オブジェクトの [プロパティ] パネルを開き、[Show Headers] プロパティを [非表示] に設定します。

10. [] テーブル ノード タグをテンプレートにドラッグし、適切な空の行にドロップします:

    ```
    <html>
       	<body>
        		<table>
        			 <tr>
          				<td>
           				<h1 style="text-align:center">Top 10 Products<br /br> with QlikView Heading        				</h1>%%yourtableobject%%       				</td>
          				<td>
          					 <h1 style="text-align:center">Top 10 Products<br /br> Hidden QlikView Heading       					 </h1>%%yourtableobject_1%%       				</td>
         			</tr>
        		</table>...
    ```

11. テーブル ノードを展開します。

12. 各列を 1 つずつ 適切な HTML コンテナのテンプレートにドラッグアンドドロップします。

    この テーブルの第 3 版は別の HTML テーブルで 1 列ずつ再構築されたものです。各テーブル見出しとテーブル データ セルには個別に追加されたインライン スタイル要素を含めることができます。各テーブル データ セルのインライン スタイル要素は見出しの下にある列全体に影響します。

13. カスタム見出しの追加。

    こちらが別のテーブルの [CH184\_1 - Top 10 Products] の最新版から再構築した HTML コードです。

    ```
    <table>
       	<tr>
        		<th style="width:125px;">製品     		</th>
          		<th style="width:60px;">Sales       		</th>
          		<th style="width:60px;">Profit       		</th>
          		<th style="width:100px;">Profit Percentage of Sales       		</th>
         	 </tr>
            <tr>
          		<td>
          		</td>
          		<td style="width:125px;">%%ProductName_1%%       		</td>
          		<td style="width:60px;">%%Total Sales_1%%       		</td>
          		<td style="width:60px;">%%Gross Profit_1%%       		</td>
          		<td style="width:100px;">%%GP%_1%%       		</td>
          		<td>
          		</td>
         	  </tr>
        </table>
       </body>
    </html>
    ```

情報メモ

計算軸または NULL 値を含む QlikView オブジェクトは、レベルとして使用できます。ただし、シート オブジェクトのフィールドを除いて、他のオブジェクトをその中にネストすることはできません。Qlik Sense 計算軸を含むビジュアライゼーションをレベルとして使用することはできません。

## プレビューと保存

以下を実行します。

1. [プレビュー] をクリックします。
2. レポートをチェックして閉じ、必要に応じてテンプレートを再度編集します。
3. [保存して閉じる] をクリックしてテンプレートを保存し、[テンプレート エディター] を閉じます。

### 関連したフロー

* [HTML レポート](https://help.qlik.com/ja-JP/nprinting/May2026/Content/NPrinting/HTMLReports/IntroHTML.htm)

## 詳細を見る

* [HTML レポート](https://help.qlik.com/ja-JP/nprinting/May2026/Content/NPrinting/HTMLReports/IntroHTML.htm)