後台幾乎所有資源列表預設都長成 data table，這章把它的標準零件講清楚：toolbar 怎麼排、checkbox 什麼時候才出現、排序與分頁的預設值。當你要開一張新表、或在糾結「新增按鈕到底放哪」時翻這頁。記住一條鐵則：列表頁唯一的 primary CTA 在 page header，toolbar 不放 primary。
這是什麼
表格上方工具列：搜尋、篩選標籤、顯示欄位設定，重要動作放右側；勾選框在滑過該列時才出現。
什麼時候用
任何清單頁都建議有完整工具列；需要批次操作時再顯示勾選，平常不佔版面。
這是什麼
「還沒有資料」與「搜尋或篩選沒結果」要用不同空狀態：前者引導建立，後者提供清除篩選。
什麼時候用
第一次使用要給清楚說明與主要按鈕；篩選後零筆時，不要讓人以為系統壞掉。
這是什麼
在表格列內直接改單一欄位，不用另開整頁。
什麼時候用
欄位簡單、改動不牽涉其他欄位時適合；若邏輯跨多欄，改開側欄或獨立頁面編輯。
這是什麼
表格列高可選緊湊、預設、寬鬆三種，讓使用者依習慣調整資訊密度。
什麼時候用
資料量大時可選緊湊多看幾列；記住使用者選擇，下次進來維持相同設定。
這是什麼
類似試算表的格線與儲存格，可點選、用鍵盤在格與格之間移動，適合在畫面上直接改少量欄位。
什麼時候用
需要就地編輯表格資料、步驟不多時使用；若公式很多、跨多張表或編輯時間很長，改開整頁編輯較合適。
這是什麼
Linear：七欄客戶表（名稱、請求數、年營收、規模、狀態、等級、負責人）。
什麼時候用
B2B 客戶或帳戶管理列表，需要多維度欄位一次瀏覽時。
這是什麼
Peec AI：篩選標籤 + 頁籤 + 可見度／情緒／排名指標列 + 長文字 Prompt 欄。
什麼時候用
高密度資料表，欄位多且含長文字內容時；工具列與指標列幫助快速掃描。
這是什麼
Navattic：訪客列表（姓名含 Email、公司、停留時間）；點列開啟活動側欄，網址帶訪客 id。
什麼時候用
名單需快速瀏覽並點進單筆詳情時；側欄須有獨立網址，才能從其他列表的關聯欄位深連結同一訪客。
這是什麼
列表列：標題、副標、右側 status badge；Avatar 可省略。
什麼時候用
人員、訂單、資源的 compact 列表。