メイン コンテンツをスキップする 補完的コンテンツへスキップ

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

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

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

テスト

アプリの作成ではサンプル ファイルを使用できます。サンプル ファイルのダウンロードについては、「サンプル ファイル (英語のみ)」を参照してください。

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. カスタム見出しの追加。

  14. こちらが別のテーブルの [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. [保存して閉じる] をクリックしてテンプレートを保存し、[テンプレート エディター] を閉じます。

詳細を見る

このページは役に立ちましたか?

このページまたはコンテンツに、タイポ、ステップの省略、技術的エラーなどの問題が見つかった場合は、お知らせください。改善に役立たせていただきます。