Table 表格
概述
表格是一種以行列方式組織和呈現資料的組合元件,可以有效呈現大量結構化資訊,方便使用者閱讀、比較和分析,提高資訊的可讀性。
使用時機
表格常用於以下情境:
- 資料展示:需要以結構化方式呈現大量資料時,例如產品列表、訂單記錄、使用者資訊、財務報表等。
- 資料比較:方便使用者比較不同資料時,例如產品規格比較、價格比較、方案比較等。
- 資料分析:支援資料分析功能時,例如數據排序、篩選、分組等。
使用規範
當您取用表格進行設計時,應考慮以下原則:
- 標題清晰:每個欄位的標題應簡潔明瞭,準確反映數據含義。
- 斑馬紋(選擇性):使用交替的背景顏色來區分相鄰行,以提高可讀性。
- 排序(選擇性):提供資料排序功能,讓使用者按照不同欄位排序資料。
- 篩選(選擇性):提供資料篩選功能,讓使用者可以篩選符合特定條件的資料。
- 分頁(選擇性):當資料較多時,可提供分頁功能,避免一次顯示過多資訊。
- 空狀態:當表格無資料時,顯示空狀態提示,例如「沒有找到資料」、「無資料」或「請新增資料」等。
設計範例
- 標題列/欄(Header Row/Column):表格的標題行或列,用於描述每個欄位的內容。
- 資料列(Data Row):各欄位對應的資料行。