# HTML 报表包含表格

从 QlikView 或 Qlik Sense 导出的表格显示时可以带也可以不带原始标题。您可隐藏导出的标题，然后创建自己的自定义标题。对于通过将从数据字段生成的列置于一起而构建的表格也是如此。

下面的示例显示如何通过使用表格创建 HTML 报表。

## 测试

您可使用我们的示例文件创建自己的应用程序。要下载这些文件，请参阅：[示例文件](https://help.qlik.com/zh-CN/nprinting/February2025/Content/NPrinting/Examples/Examples.htm) （仅提供英文版本）。

## 将表格添加至 HTML 模板

进行以下操作：

1. 单击编辑模板打开模板编辑器。

2. 右键单击表格节点，然后选择添加对象。

3. 从列表选择对象。

4. 单击确定。

5. 右键单击对象节点，然后选择属性。

   信息注释如果视图中已显示属性窗口，则在您右键单击节点时不会显示属性选项。

6. 在属性面板中选中Keep Source Formats和Show Headers复选框。

7. 将表格节点标签拖入模板，并将其放入空的表格数据容器。

   ```
    <html>
           <body>
                 <table>
                       <tr>
                        	<td>
                         		<h1 style="text-align:center">带 QlikView 标题的前 10 个产品<br /br>                       		</h1>%%yourtableobject%%                      </td>
                        <td>
                        		 <h1 style="text-align:center">隐藏 QlikView 标题的前 10 个产品<br> </br>                      		 </h1>
                          </td>
                       </tr>
                   </table>...
   ```

   会并排显示两个版本的表格。左侧表格标题可见，而右侧表格标题隐藏。在两种情况下，表格以单元的形式嵌入。

8. 再次将相同表格添加至模板。

9. 打开新表格对象的属性窗格，然后将 Show Headers 属性设置为隐藏。

10. 将 表格节点标签拖入模板，并将其放入相应的空行：

    ```
    <html>
       	<body>
        		<table>
        			 <tr>
          				<td>
           				<h1 style="text-align:center">带 QlikView 标题的前 10 个产品<br /br>        				</h1>%%yourtableobject%%       				</td>
          				<td>
          					 <h1 style="text-align:center">隐藏 QlikView 标题的前 10 个产品<br /br>       					 </h1>%%yourtableobject_1%%       				</td>
         			</tr>
        		</table>...
    ```

11. 展开表格节点。

12. 一次一列拖放每列到相应 HTML 容器中的模板。

    第三版表格在单独的 HTML 表格中逐列重新构建。每个表格标题和表格数据单元可单独添加内联样式的元素。每个表格数据单元的内联样式的元素将对标题下方的整个列起作用。

13. 添加自定义标题。

    此处为 HTML 代码， 用于另一个表格中上个版本的 CH184\_1 - Top 10 Products的重构：

    ```
    <table>
       	<tr>
        		<th style="width:125px;">产品     		</th>
          		<th style="width:60px;">销售额       		</th>
          		<th style="width:60px;">利润       		</th>
          		<th style="width:100px;">销售额的利润百分比       		</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>
    ```

信息注释

您可将具有计算维度的 QlikView 对象或空值用作层级。但是您不能在它们内部嵌套其他对象，但不包括来自该工作表对象的字段。Qlik Sense 具有计算维度的可视化无法用作层级。

## 预览和保存

进行以下操作：

1. 单击预览。
2. 单击报表，关闭它，然后根据需要再次编辑模板。
3. 单击保存并关闭以保存模板并关闭模板编辑器。

### 相关流程

* [HTML 报表](https://help.qlik.com/zh-CN/nprinting/February2025/Content/NPrinting/HTMLReports/IntroHTML.htm)

## 了解详情

* [HTML 报表](https://help.qlik.com/zh-CN/nprinting/February2025/Content/NPrinting/HTMLReports/IntroHTML.htm)