# HTML 書式設定の適用 HTML テンプレートエディターでテンプレートを作成するときに、CSS インラインスタイル要素を適用できます。 ## テストアプリの作成ではサンプルファイルを使用できます。サンプルファイルのダウンロードについては、「[サンプルファイル](https://help.qlik.com/ja-JP/nprinting/May2026/Content/NPrinting/Examples/Examples.htm)」を参照してください。 ## グラフ全体に CSS インラインスタイル要素の適用を許可するオブジェクトをテーブルとして追加した後、以下を行います: 以下を実行します。 1. [プロパティ] が表示されている場合は、手順 3 へスキップします。表示されていない場合は [テーブル] ノードを右クリックします。 2. [プロパティ] を選択します。 3. [Keep Source Formats] チェックボックスを選択解除します。これにより、テーブルのすべての列のすべてのセルの内容が QlikView から書式設定なしでエクスポートされます。HTML テンプレートで設定した CSS インラインスタイル要素の適用が実行されます。[Keep Source Formats] が選択されている場合とされていない場合の出力を比較してください。 ## 特定の列に CSS インラインスタイル要素の適用を許可するテーブルオブジェクトが QlikView のストレートテーブルであることを確かめてください。QlikView ピボットテーブルは、選択して [Qlik NPrinting テーブル] ノードに含める前にストレートテーブルに変換する必要があります。変換しない場合、個別のフィールド/列にアクセスすることができません。ほとんどの列に対して元の書式設定を保持する場合は、テーブル全体としては [Keep Source Formats] チェックボックスをオンのままにしておき、次のように行います: 1. テーブルノードを展開します。 2. CSS インラインスタイル要素を適用する列を選択します。 3. [Keep Source Formats] チェックボックスを選択解除します。 4. [HTML Encode] チェックボックスが選択されている場合、HTML タグ要素として解釈できる英数字以外のシンボル (< や/> など) はHTML エンティティに変換されます。 HTML Encode チェックボックスをオフにすると、HTML タグ要素として解釈できる英数字以外のシンボルは、Qlik NPrinting HTML テンプレートエディターで使用されている下層の HTML コードによって描画されます。これにより、テーブル上の選択された列のすべてのセルの内容が QlikView から書式設定なしでエクスポートされますが、HTML テンプレート内で適用した CSS インラインスタイル要素の適用は行われます。この手順を個別の列に対していくつでも行うことができます。 ## 列に書式設定を適用する以下を実行します。 1. HTML Report (Sales) で、Gross Profit を選択します。 2. [Format] フィールドに「$#.##,00」と入力します。 ## テーブルの構築以下を実行します。 1. 1 行のデータセルで HTML テーブルを構築します。ソースコードはこのようになります: ```

``` 2. テーブルデータセルタグの間にあるテーブル列ノードアイコンをドラッグします。列の選択中に Ctrl キーまたは Shift キーを押し続けることで複数の値を選択することができます。テンプレートにドラッグアンドドロップします。これによりすべてのタグが作成され横方向の一連のセルに挿入されます。 [Gross Profit] (総利益) 列の [Keep Source Formats] チェックボックスはオフになっています。 3. 最初の行の上に別の行を追加します。 4. 新しい行にテーブルヘッダーセルを挿入します。 5. 必要なヘッダーを入力します。 6. テンプレートに追加した各列の [プロパティ] ダイアログウィンドウを再度 1 つずつ開きます。 7. [Show Header] 行の [Value] 列をクリックします。セルの値は [Show] です。 8. 表示されたドロップダウンメニューボタンをクリックし [Hide (非表示)] を選択します。これが元のテーブルの 2 つの列に対して [Keep Source Formats] チェックボックスをオフにし、ヘッダー行を追加し、すべての列の元のテーブルヘッダーを非表示にしたものです。 ## インラインスタイル要素の適用この場合、例の出力はシンプルですが、どのようなことが可能であるかの一例を示しています。以下が全体のコードです: ```

Product Name	Total Sales	Gross Profit	GP%	Quantity
%%ProductName%%	%%Total Sales%%	%%Gross Profit%%	%%GP%_1%%	%%Quantity_1%%

``` ### 関連したフロー * [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)