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

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

次の例は QlikView オブジェクトを使用してテーブルをもつ HTML レポートを作成する方法を示しています。

新規 HTML レポートの作成

以下を実行します。

  1. Qlik NPrinting メイン メニューで [レポート] を選択してから、[レポートの作成] をクリックします。
  2. レポートに [タイトル] を入力します。 HTML Report (Sales)
  3. [タイプ] ドロップダウン リストから [HTML] を選択します。
  4. [アプリ] ドロップダウン リストからアプリを選択します。
  5. [有効] チェックボックスは選択されたままにします。
  6. [作成] をクリックしてレポートを作成します。

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

以下を実行します。

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

  2. [] ノードを右クリックし、[オブジェクトの追加] を選択します。
  3. オブジェクト リストのリストから QlikView オブジェクトの [CH184 - Top 10 Products] を選択します。

  4. [OK] をクリックします。
  5. [CH184 - Top 10 Products] ノードを右クリックし、[プロパティ] を選択します。
    注: [プロパティ] ウィンドウがすでに表示されている場合は、ノードを右クリックしたときに [プロパティ] オプションは表示されません。
  6. [プロパティ] ウィンドウの [Keep Source Formats] および [Show Headers] チェック ボックスを選択します。

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

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

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

  8. [CH184 - Top 10 Products] を再びテンプレートに追加すると、[CH184_1 - Top 10 Products] テーブル ノードになります。
  9. [CH184_1 - Top 10 Products] の [プロパティ] パネルを開き、[Show Headers] プロパティを [非表示] に設定します。
  10. [CH184_1 - Top 10 Products] テーブル ノード タグをテンプレートにドラッグし、適切な空の行にドロップします。
  11. <html>
    <body>
    <table>
    <tr>
    <td>
    <h1 style="text-align:center">
    Top 10 Products<br /br>
    with QlikView Heading
    </h1>
    %%CH184%%
    </td>
    <td>
    <h1 style="text-align:center">
    Top 10 Products<br /br>
    Hidden QlikView Heading
    </h1>
    %%CH184_1%%
    </td>
    </tr>
    </table>
    ...
  12. [CH184_1 - Top 10 Products] テーブル ノードを展開します。
  13. 各列を 1 つずつ 適切な HTML コンテナのテンプレートにドラッグアンドドロップします。

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

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

  15. こちらが別のテーブルの [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 値をもつテーブルはレベルとして使用できますが、その中にオブジェクトやレベルを配置することはできません。

プレビューと保存

以下を実行します。

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