Skip to content

Table列(TableRow)

這是什麼?

表格中的一列資料,包含列標題和各欄的儲存格內容,是 Table 的子元件。

什麼時候用?

  • 建立 Table 時,需要先建立每一列的 Table列
  • 表格有幾列資料,就要建立幾個 Table列

📌 Table列是子元件,必須先建立,再到 Table 中選入


欄位說明

欄位名稱必填類型說明限制
列標題文字該列的標題(對應 Table 的第一欄角色)最多 80 字
儲存格內容多筆文字各欄的值,順序必須與 Table 的欄位標題一致1~8 筆
列群組文字將多列歸為同一群組並顯示群組標題最多 60 字
列註解長文字該列的補充說明,顯示在列下方最多 200 字
強調樣式單選控制列的視覺樣式一般/強調/弱化/注意

⚠️ 核心重點:「儲存格內容」的筆數必須與 Table 的「欄位標題」數量完全一致,否則資料會錯位。


操作步驟

建立 Table列

  1. 進入 Contentful → Content → 點擊「Add entry」→ 選擇「TableRow」
  2. 填寫「列標題」(此列的識別名稱)
  3. 在「儲存格內容」依序填入每一欄的值(順序對應 Table 的欄位標題
  4. 若需要分群組,填寫「列群組」
  5. 點擊「Save draft」儲存

儲存格順序範例

假設 Table 的欄位標題為:方案名稱 | 保費 | 保障範圍

則 Table列 的儲存格內容要填:

  1. 第 1 筆:方案 A
  2. 第 2 筆:每月 500 元
  3. 第 3 筆:基本醫療

填完長這樣


⚠️ 常見錯誤

儲存格筆數與欄位標題數量不同 最常見的錯誤。Table 有 4 個欄位標題,則每個 Table列 也必須有 4 筆儲存格,多一筆或少一筆都會導致資料錯位。

忘記建立 Table列 就去建立 Table 必須先建立好所有 Table列,才能在 Table 的「表格列」中選入,否則搜尋時找不到。