跳到主要内容 跳到补充内容

HTML 模板中添加表格数据

您可以将应用程序中图表的数据源表作为表格数据添加到 HTML 报告模板中。表格数据可以作为整个表添加,也可以作为一列或多列添加。无论您是将图表添加为单个表标记,还是作为一组单独的列,您创建的基础对象都是一个表。该表作为对象添加到对象面板中,您可以随时返回该面板进行编辑和重用。

具有直型超立方体的图表可以作为表格数据添加。将图表添加为表时,表示图表数据的基础字段将作为列添加到报告中。

您可以在对象面板的表格 表菜单中添加表格数据。

选择表时,通过单击 重载 刷新应用程序中可用表的列表。

添加整个图表

您可以使用单个标记以表格形式添加整个图表。图表数据作为一个直型表插入到报告中。

  1. HTML 设计器中,将光标放置在代码中要插入表的位置。

  2. 在对象面板中,单击 表格

    菜单,位于 HTML 设计器中的对象面板中

    HTML 设计器中的“表”菜单,从中可以修改已添加的现有表,或添加新表
  3. 单击添加表。将显示可用工作表的列表。

  4. 展开包含要添加为表的图表的工作表。如果需要,可以搜索图表的名称以细化工作表列表。

    在添加图表之前,您可以通过单击图表的名称来预览图表。

  5. 单击图表旁边的 加号 图标。

  6. 在下拉菜单中,选择表格。这会将图表作为单个项插入到模板中。

    选择要添加为表的图表

    选择要用作表的源的图表
  7. 在对象面板中,为表提供唯一的名称,以便以后识别它。

    模板设计表面,表格作为单个标记添加

    代表整个表格的标记,显示在 HTML 模板中
  8. 您可以在对象面板中调整表格的属性。有关格式化表格数据的属性的信息,请参阅格式化表格 HTML 数据的属性

  9. 您可以随时重复使用表格对象。在选项面板中打开表格,然后单击向右方向箭头以打开对象。单击添加表格标记,再次添加表格。

按列添加图表

图表也可以用表格形式添加为一组单列。这允许增强对报告模板内格式设置的控制。

图表数据作为一个直型表插入到报告中。

  1. HTML 设计器中,将光标放置在代码中要插入表格列的位置。

  2. 在对象面板中,单击 表格

    菜单,位于 HTML 设计器中的对象面板中

    HTML 设计器中的“表”菜单,从中可以修改已添加的现有表,或添加新表
  3. 单击添加表。将显示可用工作表的列表。

  4. 展开包含要添加为表的图表的工作表。如果需要,可以搜索图表的名称以细化工作表列表。

    在添加图表之前,您可以通过单击图表的名称来预览图表。

  5. 单击图表旁边的 加号 图标。

  6. 在下拉菜单中,选择单个列

    选择要按列添加为表的图表

    选择用作表的源的图表,并将其添加为一组一个或多个单独的列
  7. 选择要添加的列,或单击全部插入图表中的所有列。

  8. 图表将作为table元素添加到模板中,其中每个列都在其内部的td元素中表示。如果添加单个列,则该列将改为作为单个项添加,与添加整个表的方式相同

    在对象面板中,为表提供唯一的名称,以便以后识别它。

    模板设计界面,其中表格以一系列独立列的形式添加

    表示以一系列独立列的形式添加的图表的项
  9. 您可以在对象面板中调整表格的属性。有关格式化表格数据的属性的信息,请参阅格式化表格 HTML 数据的属性

  10. 您可以随时重复使用表格对象。在选项面板中打开表格,然后单击向右方向箭头以打开对象。单击添加表格标记,以单个项目的形式添加表格的新实例,或创建一个空白表格结构,然后将每个列引用单独添加到 td 元素中。

这组列被视为单个表格对象。

从图表中添加更多列

按列添加到图表中

单独添加表的某些列后,您可以随时添加更多列。所需过程取决于原始表格是包含一列,还是两列或更多列。

具有一个现有列的表

如果您的表只单独添加了一列,则添加新列的过程会更复杂。在某些情况下,从一开始就配置多列来重新创建对象可能会更容易。但是,您仍然可以向单列表中添加其他列。

  1. 在设计表面上,将以下空白表格元素粘贴到空白区域:

      <table cellspacing="0" style="border-collapse: collapse">
      <tbody><tr>
      <td></td><td></td><td></td>
      </tr>
      </tbody></table>
  2. 将现有单独列项剪切并粘贴到您刚刚添加的 td 元素之一中。例如:

      <table cellspacing="0" style="border-collapse: collapse">
      <tbody><tr>
      <td>%%ProductCategory%%</td><td></td><td></td>
      </tr>
      </tbody></table>
  3. 将光标放在现有单独列项上。

    在对象面板中,菜单将打开,并展开列。

  4. 下找到要添加的列。展开它,配置其属性,然后单击添加列标记

  5. 对于要从源表中添加的每个新列,重复步骤 3 到 4。您需要根据需要添加新的 <td></td> 项,并在完成前移除所有未使用的(空)<td></td> 项。

执行此过程后,该表仍是对象面板中可用的相同表对象。

具有两个或更多现有列的表

  1. 在 HTML 代码中,选择要插入列位置左侧的列的 td 元素。

    在对象面板中,菜单将打开,并展开列。

  2. 通过将以下内容粘贴到模板中来创建新的 td 元素:

    <td></td>

    然后,将光标置于其开始标签和结束标签之间。

  3. 在对象面板中,配置列的格式属性,然后单击添加列标记

    列的引用将插入到空白的 td 元素中。

从作为整个表添加的图表

您可以添加已作为单个表格项添加的图表的新实例。您还可以添加最初作为单个表格项添加的单个列的实例。

  1. HTML 设计器中,将光标置于代码中要插入内容的位置。

  2. 在对象面板中,单击 表格

    将打开 表格 菜单。

  3. 单击现有对象旁边的 向右方向箭头

  4. 执行以下选项之一:

    1. 要以单个项目的形式添加表格的新实例,请单击添加表格标记

    2. 要添加单列,请单击展开列。配置列属性,然后单击添加列标记。如要在结构中添加不止一列,则需要先创建一个空白表格元素。请参阅具有一个现有列的表

本页面有帮助吗?

如果您发现此页面或其内容有任何问题 – 打字错误、遗漏步骤或技术错误 – 请告诉我们!