Table（表格）

這是什麼？

用來在文章中插入比較表格，支援三種視覺樣式，可呈現保險方案比較、費率說明、功能對照等資訊。

什麼時候用？

比較多個保險方案的差異
列出保險費率或規格
呈現多欄多列的功能比較表

📌 Table 是父元件，需先建立 Table列，再建立 Table 並選入。

欄位說明

欄位名稱	必填	類型	說明	限制
表格標題	✅	文字	顯示在表格上方的標題	最多 80 字
表格類型	✅	單選	決定表格的呈現方式	卡片型／矩陣型／資訊型
欄位標題	✅	多筆文字	每一欄的標題，順序對應 Table列的儲存格	2～8 個
表格前導	❌	Rich Text	表格上方的說明文字	可嵌入卡片、連結按鈕、提示框
表格列	✅	多筆連結	選入已建立的 Table列	1～40 筆，只能選 Table列
使用列標題	✅	是／否	是否將列標題顯示為標頭列	預設 true
固定第一欄	✅	是／否	手機橫向捲動時固定第一欄	預設 false
推薦欄位序號	❌	數字	標示推薦欄（顯示特殊樣式）	1～8
表格Footer	❌	Rich Text	表格下方的備註說明	僅支援清單與連結

表格類型說明

類型	適用情境
卡片型表格	每列資料獨立呈現，適合比較多個方案
矩陣型表格	多欄多列，適合功能比較表
資訊型表格	單欄資訊條列，適合費率或規格說明

操作步驟

第一步：先建立所有 Table列

⚠️ 必須先建立 Table列，才能在 Table 中選入。

請參考 Table列操作說明，依照表格需要的列數，一一建立。

第二步：建立 Table

進入 Contentful → Content → 點擊「Add entry」→ 選擇「Table」
填寫「表格標題」
選擇「表格類型」（卡片型／矩陣型／資訊型）
填寫「欄位標題」（每一欄一筆，順序要與 Table列的儲存格順序一致）
在「表格列」中點擊「Add existing entry」，依序選入已建立的 Table列

第三步：儲存草稿

點擊「Save draft」，之後在文章的 Rich Text 中嵌入此 Table。

填完長這樣

⚠️ 常見錯誤

欄位標題數量與 Table列儲存格數量不一致 Table 的欄位標題有幾個，每個 Table列的儲存格就要有幾筆，數量必須完全相同，否則資料會錯位。

例：欄位標題填了「方案名稱、保費、保障範圍」共 3 個，則每個 Table列的儲存格也要填 3 筆。

加入 Table列的順序影響顯示順序 「表格列」欄位中，Table列的排列順序就是表格顯示的列順序，建議依照閱讀順序排列。