Table 小工具會將集合項目以欄位欄呈現為緊密、易掃讀的清單。
你可以做什麼
- Data source — Wix CMS 集合，或 External Database（Google Sheets，Pro）；請參閱 External databases
- AI setup — 用平易的語言描述欄、篩選與設計；請見 AI setup
- 將集合欄位對應到欄，包含 Color（色票與／或十六進位）
- 搜尋與篩選（比對條件、範圍、固定 Choose value 篩選、Dependent filters、Add as URL query params、Reference 欄位、Color 色票）
- Filters display：搜尋與篩選放在上方或左側邊欄
- Data refresh — Show refresh button 及／或 Auto-refresh，讓訪客重新載入最新的集合資料（分頁隱藏時暫停）
- Scroll to top on page change — 訪客切換分頁時，捲動至小工具頂部可見
- Quick view — 從列點擊或專用按鈕欄開啟彈出視窗，顯示額外項目欄位
- Reference 與 Multi-reference 欄顯示為可讀標籤——從相關集合挑選 Display field
- Date & time 欄的 Show timezone（訪客本機時區縮寫）
- 排序與行動版版面
- 自訂欄寬（自動或固定）
- 將列連結到 Dynamic Pages（整列或文字連結欄）— 僅 Wix CMS
- Image、Video 與 Media Gallery 欄顯示為縮圖——影片可在模態開啟、點擊播放，或靜音自動播放
- Payments（Pro）— 當集合已啟用目錄付款時，以動作欄顯示 Add to cart／Buy now
設定
在面板使用 AI setup，依簡短描述設定 Table，再於 Manual 微調。詳情：AI setup。
- 從 Add → Elements → Installed Apps → CMS for Harmony 新增 Table（可新增多次）。
- 連接一個集合 — 或將 Data source 設為 External Database 並選擇 Google Sheets 連線（Pro）。
- 選擇欄位與格式。
- 可選擇啟用搜尋／篩選、Data refresh、Scroll to top on page change、Quick view、Dynamic Page 連結（Wix CMS）與付款動作。
Data refresh
在 Data refresh 中，開啟 Show refresh button 及／或 Auto-refresh，讓訪客重新載入最新的集合資料。Auto-refresh 在分頁隱藏時會暫停。同一頁面上已開啟 Update displays on this page 的 Form 若使用相同集合，提交成功後也可重新載入此小工具。
Scroll to top on page change
啟用分頁時，開啟 Scroll to top on page change，Prev/Next 會捲動頁面，讓小工具頂部保持可見。
Quick view
在 Quick view 面板區段（Wix CMS）中啟用彈出視窗並選擇要顯示的欄位。可從列點擊、專用按鈕欄和／或觸發欄開啟。尺寸、版面與上一筆／下一筆導覽與 Repeater 的 Quick view 相同。
Table 適合庫存、名錄與後台風格清單。若要卡片網格，請使用 Repeater。