[AEM Forms]{class="badge positive" title="適用於AEM Forms)。"}

將表格新增至最適化表單(核心元件) tables-in-adaptive-forms-core-components

版本
文章連結
AEM 6.5 (核心元件)
按一下這裡
AEM as a Cloud Service (基礎元件)
按一下這裡
AEM as a Cloud Service (核心元件)
本文章

此功能可在早期採用者方案下使用。 您可以使用官方電子郵件 ID 寫信至 aem-forms-ea@adobe.com,以加入早期採用者計劃並要求存取該功能。

使用表格是在Adaptive Forms中顯示複雜結構化資料的有效方式。 政府與金融服務表單通常需要數值資料、行專案和多欄輸入的表格版面配置。

最適化表單表格​核心元件可讓您編寫回應式表格,其中包含可設定的列和欄、合併和分割表格列儲存格、啟用欄排序、設定成比例的欄寬,以及在執行階段新增或移除列。 本文會說明如何根據核心元件在最適化Forms中使用表格元件。

NOTE
本文適用於以​ 核心元件 ​為基礎的最適化Forms。 如果您使用Foundation元件編寫表單,請參閱將表格新增至最適化表單(Foundation元件)

主要功能 key-capabilities

表格核心元件支援下列功能:

  • 使用標題和本文列製作結構化列和欄
  • 具有協助工具語意的欄和列標題
  • 在執行階段具有新增和移除動作的可重複列
  • 以遞增和遞減順序排序欄
  • 停用個別欄的排序以符合協助工具規定
  • 成比例的欄寬
  • 合併和分割表格列儲存格
  • 以其他最適化表單元件取代預設文字方塊儲存格
  • 將表格資料繫結至表單資料模型
  • 使用規則編輯器在資料表資料列中進行計算
  • 提交PDF (記錄檔案)中呈現表格

與基礎元件表比較 comparison-with-foundation-component-table

如果您已使用基礎元件表格,則大多數表格製作作業都會以相同方式運作:新增列與欄、合併與分割表格列儲存格、設定欄寬、啟用排序以及新增可重複的列。

與基礎元件表格相比,核心元件表格可新增或改善下列專案:

功能
基礎元件表格
核心元件表格
停用特定欄的排序
不支援
支援(協助工具合規性)
表格列中的計算
JavaScript運算式
視覺化規則編輯器,具有如Sum、Min、Max和Average等函式
表單資料繫結
XSD複雜型別,XDP表格
JSON結構描述和表單資料模型繫結參考
提交PDF (記錄檔案)
Foundation元件指南
核心元件指南
元件屬性
在製作對話方塊中記錄
已在最適化Forms核心元件檔案中記錄

表格結構 table-structure

當您新增表格元件至最適化表單時,Content​瀏覽器會顯示下列階層:

  • 資料表 — 根資料表容器

    • 標題列 — 每欄包含一個標題儲存格(例如,欄1、欄2、欄3)
    • 列1列2​和其他列 — 每一列都包含內文儲存格

每個頁首儲存格和正文儲存格都是個別的最適化表單元件。 依預設,標題儲存格使用​ 文字 ​元件,內文儲存格使用​ 文字方塊 ​元件。 您可以在範本編輯器中設定不同的預設表格結構,讓作者取得您定義的表格配置和預設儲存格元件。 如需詳細資訊,請參閱使用核心元件建置最適化表單範本

建立表格 create-a-table

  1. 開啟根據核心元件的最適化表單以進行編輯。
  2. 在​ 元件 ​瀏覽器中,找到​ 表格 ​元件。
  3. 將​ Table ​元件拖曳至表單畫布。

如需資料表元件屬性,請參閱最適化Forms核心元件檔案

關於頁首與內文儲存格 about-header-and-body-cells

編輯頁首標籤

標題儲存格是​ 文字 ​元件。 若要變更欄標題標籤,請執行下列動作:

  1. 選取表格中的標題儲存格。
  2. 在工具列中選取​編輯
  3. 更新標頭標籤。
  4. 按一下​完成

取代內文儲存格元件

內文儲存格預設為​ 文字方塊 ​元件。 您可以使用其他最適化表單元件來取代內文儲存格,例如​Number輸入日期選擇器​或​下拉式清單

  1. 選取要取代的內文儲存格。
  2. 在工具列中選取​取代
  3. 選取您要在儲存格中使用的元件,例如​Number輸入
NOTE
您可以在同一列中的不同儲存格中使用不同的元件型別。

新增或刪除欄 add-or-delete-a-column

新增或刪除欄:

  1. 在要修改的欄中選取標題儲存格。
  2. 在工具列中選取​ 新增欄 ​或​刪除欄

新增欄時,新的標題儲存格和對應的內文儲存格會新增到每一列。 刪除欄時,會移除該欄的標題儲存格和所有內文儲存格。

NOTE
您無法從表格中刪除標題列。

新增、刪除或移動列 add-delete-move-rows

新增、刪除或移動列:

  1. 選取要新增、刪除或移動列的列。

  2. 在工具列中選取下列其中一個動作:

    • 上移 — 將選取的列上移。
    • 下移 — 將選取的列下移。
    • 新增列 — 在選取列下方新增列。
    • 刪除列 — 刪除選取的列。

合併和分割表格列儲存格 merge-and-split-cells

您可以合併相同列中相鄰的表格列儲存格,以建立跨越多個欄的單一儲存格。

若要合併表格列儲存格:

  1. 按住​Command (macOS)或​Control (Windows),並選取您要合併的相鄰表格列儲存格。
  2. 在工具列中選取​合併儲存格

若要分割合併的表格列儲存格,請執行下列動作:

  1. 選取合併的儲存格。
  2. 在工具列中選取​分割儲存格

合併的表格列儲存格適用於標籤、副標題或橫跨一列中多個欄的欄位。

NOTE
不支援跨越多欄的列範圍和標題儲存格。 請參閱限制

設定欄寬 set-column-width

您可以在表格組態對話方塊中使用逗號分隔值來設定成比例的欄寬。

  1. 選取​ Table ​元件。
  2. 在工具列中選取​設定
  3. 在​ 欄寬 ​欄位中,輸入逗號分隔的值清單。
  4. 按一下​完成

例如,對於包含三欄的表格,在​ 欄寬 ​欄位中指定2,4,6作為值,會將欄寬設定為第一欄為2/12、第二欄為4/12、第三欄為6/12。 2/12,因為第一欄的寬度是表格寬度的六分之一。 同樣地,「4/12」將第二個欄寬設為表格寬度的三分之一,而「6/12」將第三個欄寬設為表格寬度的一半。

NOTE
值代表相對比例,而非固定的畫素寬度。

排序欄 sort-columns

您可在執行階段依欄位遞增或遞減順序來排序表格資料。

排序套用至包含靜態文字、資料模型屬性或兩者的組合的欄。 可排序資料行中的內文儲存格必須包含下列其中一個元件: 數字輸入日期輸入日期選擇器文字​或​文字方塊

啟用表格排序

  1. 選取​ Table ​元件。
  2. 在工具列中選取​設定
  3. 選取​啟用排序
  4. 按一下​完成
  5. 切換至​ 預覽 ​模式。
NOTE
排序預設為啟用。

在​ 預覽 ​模式中,排序圖示會出現在欄標題中。 按一下欄標題,以遞增或遞減順序排序值。

停用特定欄的排序

核心元件表格支援停用個別欄的排序。 當某些欄不應排序時,這有助於滿足協助工具需求。

若要停用欄的排序:

  1. 啟用表格排序。
  2. 選取應停用排序之欄的標題儲存格。
  3. 停用該欄的排序。

已停用排序的欄在執行階段不會顯示排序控制項。

動態新增或刪除列 add-or-delete-rows-dynamically

表格支援在執行階段將資料列設定為可重複時新增和刪除資料列。

  1. 選取您要使其可重複的表格列。
  2. 在工具列中選取​設定
  3. 選取​ 重複面板 ​索引標籤。
  4. 開啟​讓資料列可重複
  5. 指定​ 最小重複次數 ​和​最大重複次數,以控制使用者可以新增或移除的資料列執行個體數目。
  6. 按一下​完成
  7. 切換至​ 預覽 ​模式。

在執行階段或在​ 預覽 ​模式中,使用者會看到​ 新增 ​和​ 刪除 ​按鈕以新增或移除資料列執行個體。

如需可重複行為的詳細資訊,請參閱建立具有可重複區段的表單(核心元件)

如需製作表格時的協助工具指南,請參閱在HTML5表單中建立可存取的複雜表格

在表格中使用計算 use-calculations-in-a-table

使用以核心元件為基礎的最適化Forms的規則編輯器,執行表格列中的計算,例如欄總計或彙總值。

規則編輯器提供現成的函式,例如​SumMinMax​和​Average,您可以將這些函式套用至表格列和可重複面板中的欄位。 如需範例,請參閱根據核心元件之最適化表單的規則編輯器範例

在提交PDF中包含表格 include-tables-in-submission-pdf

最適化表單元件(例如標題列和本文列)對應到產生的提交PDF (記錄檔案)中的對應元件。 您可以使用表格和面板版面配置設定來設定表格在提交PDF中的顯示方式。

如需詳細資訊,請參閱:

限制 limitations

使用核心元件製作表格時,請記住下列限制:

  • 不支援​資料列範圍。 您可以在列內水準合併表格列儲存格,但不能在列間垂直合併。
  • 標題儲存格不能跨越多個欄。
  • 回應式行動佈局,例如基礎元件中可用的可摺疊欄和標題向左佈局,已規劃用於未來版本的核心元件表格。
  • 計畫在未來發行版本中,提供表格元件的​主題編輯器支援。 使用最適化表單主題,直到提供主題編輯器支援為止。
  • 預設表格中的每個主體儲存格都有預先定義的元素名稱。 如果您將多個表格新增至表單,請重新命名預設內文儲存格元素名稱以保持其唯一性,並避擴音交時遺失資料。

另請參閱 see-also

recommendation-more-help
experience-manager-cloud-service-help-main-toc