テーブルを含む HTML レポート
QlikView または Qlik Sense からエクスポートされたテーブルは元の見出し付き、または見出しなしの状態で表示できます。エクスポートされた見出しを非表示にし、カスタムの見出しを作成することができます。これは、データ フィールドから生成された列を組み合わせて構築されたテーブルにも当てはまります。
次の例は、テーブルを含む HTML レポートを作成する方法を示しています。
テスト
アプリの作成ではサンプル ファイルを使用できます。サンプル ファイルのダウンロードについては、「サンプル ファイル (英語のみ)」を参照してください。
HTML テンプレートにテーブルを追加する
以下を実行します。
-
[テンプレートの編集] をクリックして [テンプレート エディター] を開きます。
- [表] ノードを右クリックし、[オブジェクトの追加] を選択します。
-
リストからオブジェクトを選択します。
- [OK] をクリックします。
- オブジェクト ノードを右クリックし、[プロパティ] を選択します。 情報メモ[プロパティ] ウィンドウがすでに表示されている場合は、ノードを右クリックしたときに [プロパティ] オプションは表示されません。
-
[プロパティ] パネルの [Keep Source Formats] および [Show Headers] チェック ボックスを選択します。
-
テーブル ノード タグをテンプレートにドラッグし、空のテーブル データ コンテナにドロップします。
<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 つのバージョンのテーブルが隣り合わせで表示されます。左のテーブルでは見出しが表示され、右のテーブルでは見出しが非表示になっています。どちらの場合でも、テーブルはユニットとして埋め込まれます。
- 同じテーブルをテンプレートにもう一度追加します。
- 新しいテーブル オブジェクトの [プロパティ] パネルを開き、[Show Headers] プロパティを [非表示] に設定します。
-
[] テーブル ノード タグをテンプレートにドラッグし、適切な空の行にドロップします:
<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>... - テーブル ノードを展開します。
-
各列を 1 つずつ 適切な HTML コンテナのテンプレートにドラッグアンドドロップします。
この テーブルの第 3 版は別の HTML テーブルで 1 列ずつ再構築されたものです。各テーブル見出しとテーブル データ セルには個別に追加されたインライン スタイル要素を含めることができます。各テーブル データ セルのインライン スタイル要素は見出しの下にある列全体に影響します。
-
カスタム見出しの追加。
こちらが別のテーブルの [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 計算軸を含むビジュアライゼーションをレベルとして使用することはできません。
プレビューと保存
以下を実行します。
- [プレビュー] をクリックします。
- レポートをチェックして閉じ、必要に応じてテンプレートを再度編集します。
- [保存して閉じる] をクリックしてテンプレートを保存し、[テンプレート エディター] を閉じます。