資料密度與操作
表格功能越多,不代表越好用。
閱讀季度費用、管理成員與編輯二維排程是三種任務。只有真實需求出現時,才增加排序、篩選、選取與 Grid 鍵盤模型。
選擇流程
從最簡單的 Table 開始加責任。
- 只閱讀與比較?Table。
- 要排序、篩選或選取?Data Table。
- 需要二維儲存格互動?Grid。
- 選取後執行同一操作?Bulk Action Toolbar。
差異對照
複雜度要和任務一起增加。
| 判斷面向 | Table表格 | Data Table資料表 | Grid互動網格 | Bulk Action Toolbar批次操作工具列 |
|---|---|---|---|---|
| 主要任務 | 閱讀與比較 | 搜尋、排序、篩選與管理 | 二維鍵盤操作或編輯 | 對多筆資料執行同一動作 |
| 必要互動 | 通常沒有 | 依任務加入 | 方向鍵與儲存格焦點 | 選取後才出現 |
| 複雜度成本 | 低 | 中至高 | 高 | 依附 Data Table |
| 手機策略 | 保留必要欄位 | 重排欄位與列操作 | 常需替代檢視 | 保持選取數量與主要動作 |
示範情境
先選兩位成員,再談批次停用。
Bulk Action Toolbar 不該永遠佔著頁面;只有列選取成立後才出現,並持續告訴使用者目前選了幾筆。
查看 Data Table Demo →