跳到主要內容 跳至補充內容

新增表格式資料至您的 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. 若要新增單一欄,請按一下展開欄。設定欄屬性,然後按一下新增欄標記。如果將多個欄新增至結構中,您需要先建立空白表格元素。請參閱 具有一個現有欄的表格

此頁面是否對您有幫助?

若您發現此頁面或其內容有任何問題——錯字、遺漏步驟或技術錯誤——請告知我們!