[AEM Forms]{class="badge positive" title="適用於AEM Forms)。"}
將表格新增至最適化表單(核心元件) tables-in-adaptive-forms-core-components
此功能可在早期採用者方案下使用。 您可以使用官方電子郵件 ID 寫信至 aem-forms-ea@adobe.com,以加入早期採用者計劃並要求存取該功能。
使用表格是在Adaptive Forms中顯示複雜結構化資料的有效方式。 政府與金融服務表單通常需要數值資料、行專案和多欄輸入的表格版面配置。
最適化表單表格核心元件可讓您編寫回應式表格,其中包含可設定的列和欄、合併和分割表格列儲存格、啟用欄排序、設定成比例的欄寬,以及在執行階段新增或移除列。 本文會說明如何根據核心元件在最適化Forms中使用表格元件。
主要功能 key-capabilities
表格核心元件支援下列功能:
- 使用標題和本文列製作結構化列和欄
- 具有協助工具語意的欄和列標題
- 在執行階段具有新增和移除動作的可重複列
- 以遞增和遞減順序排序欄
- 停用個別欄的排序以符合協助工具規定
- 成比例的欄寬
- 合併和分割表格列儲存格
- 以其他最適化表單元件取代預設文字方塊儲存格
- 將表格資料繫結至表單資料模型
- 使用規則編輯器在資料表資料列中進行計算
- 在提交PDF (記錄檔案)中呈現表格
與基礎元件表比較 comparison-with-foundation-component-table
如果您已使用基礎元件表格,則大多數表格製作作業都會以相同方式運作:新增列與欄、合併與分割表格列儲存格、設定欄寬、啟用排序以及新增可重複的列。
與基礎元件表格相比,核心元件表格可新增或改善下列專案:
表格結構 table-structure
當您新增表格元件至最適化表單時,Content瀏覽器會顯示下列階層:
-
資料表 — 根資料表容器
- 標題列 — 每欄包含一個標題儲存格(例如,欄1、欄2、欄3)
- 列1、列2和其他列 — 每一列都包含內文儲存格
每個頁首儲存格和正文儲存格都是個別的最適化表單元件。 依預設,標題儲存格使用 文字 元件,內文儲存格使用 文字方塊 元件。 您可以在範本編輯器中設定不同的預設表格結構,讓作者取得您定義的表格配置和預設儲存格元件。 如需詳細資訊,請參閱使用核心元件建置最適化表單範本。
建立表格 create-a-table
- 開啟根據核心元件的最適化表單以進行編輯。
- 在 元件 瀏覽器中,找到 表格 元件。
- 將 Table 元件拖曳至表單畫布。
如需資料表元件屬性,請參閱最適化Forms核心元件檔案。
關於頁首與內文儲存格 about-header-and-body-cells
編輯頁首標籤
標題儲存格是 文字 元件。 若要變更欄標題標籤,請執行下列動作:
- 選取表格中的標題儲存格。
- 在工具列中選取編輯。
- 更新標頭標籤。
- 按一下完成。
取代內文儲存格元件
內文儲存格預設為 文字方塊 元件。 您可以使用其他最適化表單元件來取代內文儲存格,例如Number輸入、日期選擇器或下拉式清單:
- 選取要取代的內文儲存格。
- 在工具列中選取取代。
- 選取您要在儲存格中使用的元件,例如Number輸入。
新增或刪除欄 add-or-delete-a-column
新增或刪除欄:
- 在要修改的欄中選取標題儲存格。
- 在工具列中選取 新增欄 或刪除欄。
新增欄時,新的標題儲存格和對應的內文儲存格會新增到每一列。 刪除欄時,會移除該欄的標題儲存格和所有內文儲存格。
新增、刪除或移動列 add-delete-move-rows
新增、刪除或移動列:
-
選取要新增、刪除或移動列的列。
-
在工具列中選取下列其中一個動作:
- 上移 — 將選取的列上移。
- 下移 — 將選取的列下移。
- 新增列 — 在選取列下方新增列。
- 刪除列 — 刪除選取的列。
合併和分割表格列儲存格 merge-and-split-cells
您可以合併相同列中相鄰的表格列儲存格,以建立跨越多個欄的單一儲存格。
若要合併表格列儲存格:
- 按住Command (macOS)或Control (Windows),並選取您要合併的相鄰表格列儲存格。
- 在工具列中選取合併儲存格。
若要分割合併的表格列儲存格,請執行下列動作:
- 選取合併的儲存格。
- 在工具列中選取分割儲存格。
合併的表格列儲存格適用於標籤、副標題或橫跨一列中多個欄的欄位。
設定欄寬 set-column-width
您可以在表格組態對話方塊中使用逗號分隔值來設定成比例的欄寬。
- 選取 Table 元件。
- 在工具列中選取設定。
- 在 欄寬 欄位中,輸入逗號分隔的值清單。
- 按一下完成。
例如,對於包含三欄的表格,在 欄寬 欄位中指定2,4,6作為值,會將欄寬設定為第一欄為2/12、第二欄為4/12、第三欄為6/12。 2/12,因為第一欄的寬度是表格寬度的六分之一。 同樣地,「4/12」將第二個欄寬設為表格寬度的三分之一,而「6/12」將第三個欄寬設為表格寬度的一半。
排序欄 sort-columns
您可在執行階段依欄位遞增或遞減順序來排序表格資料。
排序套用至包含靜態文字、資料模型屬性或兩者的組合的欄。 可排序資料行中的內文儲存格必須包含下列其中一個元件: 數字輸入、日期輸入、日期選擇器、文字或文字方塊。
啟用表格排序
- 選取 Table 元件。
- 在工具列中選取設定。
- 選取啟用排序。
- 按一下完成。
- 切換至 預覽 模式。
在 預覽 模式中,排序圖示會出現在欄標題中。 按一下欄標題,以遞增或遞減順序排序值。
停用特定欄的排序
核心元件表格支援停用個別欄的排序。 當某些欄不應排序時,這有助於滿足協助工具需求。
若要停用欄的排序:
- 啟用表格排序。
- 選取應停用排序之欄的標題儲存格。
- 停用該欄的排序。
已停用排序的欄在執行階段不會顯示排序控制項。
動態新增或刪除列 add-or-delete-rows-dynamically
表格支援在執行階段將資料列設定為可重複時新增和刪除資料列。
- 選取您要使其可重複的表格列。
- 在工具列中選取設定。
- 選取 重複面板 索引標籤。
- 開啟讓資料列可重複。
- 指定 最小重複次數 和最大重複次數,以控制使用者可以新增或移除的資料列執行個體數目。
- 按一下完成。
- 切換至 預覽 模式。
在執行階段或在 預覽 模式中,使用者會看到 新增 和 刪除 按鈕以新增或移除資料列執行個體。
如需可重複行為的詳細資訊,請參閱建立具有可重複區段的表單(核心元件)。
如需製作表格時的協助工具指南,請參閱在HTML5表單中建立可存取的複雜表格。
在表格中使用計算 use-calculations-in-a-table
使用以核心元件為基礎的最適化Forms的規則編輯器,執行表格列中的計算,例如欄總計或彙總值。
規則編輯器提供現成的函式,例如Sum、Min、Max和Average,您可以將這些函式套用至表格列和可重複面板中的欄位。 如需範例,請參閱根據核心元件之最適化表單的規則編輯器範例。
在提交PDF中包含表格 include-tables-in-submission-pdf
最適化表單元件(例如標題列和本文列)對應到產生的提交PDF (記錄檔案)中的對應元件。 您可以使用表格和面板版面配置設定來設定表格在提交PDF中的顯示方式。
如需詳細資訊,請參閱:
限制 limitations
使用核心元件製作表格時,請記住下列限制:
- 不支援資料列範圍。 您可以在列內水準合併表格列儲存格,但不能在列間垂直合併。
- 標題儲存格不能跨越多個欄。
- 回應式行動佈局,例如基礎元件中可用的可摺疊欄和標題向左佈局,已規劃用於未來版本的核心元件表格。
- 計畫在未來發行版本中,提供表格元件的主題編輯器支援。 使用最適化表單主題,直到提供主題編輯器支援為止。
- 預設表格中的每個主體儲存格都有預先定義的元素名稱。 如果您將多個表格新增至表單,請重新命名預設內文儲存格元素名稱以保持其唯一性,並避擴音交時遺失資料。