Appearance
Table列(TableRow)
這是什麼?
表格中的一列資料,包含列標題和各欄的儲存格內容,是 Table 的子元件。
什麼時候用?
- 建立 Table 時,需要先建立每一列的 Table列
- 表格有幾列資料,就要建立幾個 Table列
📌 Table列是子元件,必須先建立,再到 Table 中選入。
欄位說明
| 欄位名稱 | 必填 | 類型 | 說明 | 限制 |
|---|---|---|---|---|
| 列標題 | ✅ | 文字 | 該列的標題(對應 Table 的第一欄角色) | 最多 80 字 |
| 儲存格內容 | ✅ | 多筆文字 | 各欄的值,順序必須與 Table 的欄位標題一致 | 1~8 筆 |
| 列群組 | ❌ | 文字 | 將多列歸為同一群組並顯示群組標題 | 最多 60 字 |
| 列註解 | ❌ | 長文字 | 該列的補充說明,顯示在列下方 | 最多 200 字 |
| 強調樣式 | ❌ | 單選 | 控制列的視覺樣式 | 一般/強調/弱化/注意 |
⚠️ 核心重點:「儲存格內容」的筆數必須與 Table 的「欄位標題」數量完全一致,否則資料會錯位。
操作步驟
建立 Table列
- 進入 Contentful → Content → 點擊「Add entry」→ 選擇「TableRow」
- 填寫「列標題」(此列的識別名稱)
- 在「儲存格內容」依序填入每一欄的值(順序對應 Table 的欄位標題)
- 若需要分群組,填寫「列群組」
- 點擊「Save draft」儲存
儲存格順序範例
假設 Table 的欄位標題為:方案名稱 | 保費 | 保障範圍
則 Table列 的儲存格內容要填:
- 第 1 筆:方案 A
- 第 2 筆:每月 500 元
- 第 3 筆:基本醫療
填完長這樣
⚠️ 常見錯誤
儲存格筆數與欄位標題數量不同 最常見的錯誤。Table 有 4 個欄位標題,則每個 Table列 也必須有 4 筆儲存格,多一筆或少一筆都會導致資料錯位。
忘記建立 Table列 就去建立 Table 必須先建立好所有 Table列,才能在 Table 的「表格列」中選入,否則搜尋時找不到。