Table with many columns

From LemonWiki共筆
Jump to navigation Jump to search

如何設計許多欄位的表格

Consideration[edit]

  • 使用者是否需要這麼多的欄位？只顯示主要欄位，點選該列資料才顯示完整細節資訊[1]。
  • 如果是複雜的資料，則建議將資料切割成多個檢視 (view) 可以查看子集合的資料 [2]。
  • 設計細節，(1) 顯示主要欄位，次要欄位可以勾選或隱藏、(2) 可以使用橫向捲軸、(3) 將表格轉換成 list 等等 [3][4]。

Design ideas[edit]

References[edit]

  1. ↑ What to do with too many columns in a table? - User Experience Stack Exchange https://ux.stackexchange.com/questions/95855/what-to-do-with-too-many-columns-in-a-table
  2. ↑ UI Patterns for tables with many columns - User Experience Stack Exchange https://ux.stackexchange.com/questions/28090/ui-patterns-for-tables-with-many-columns
  3. ↑ How should large table columns be handled on a responsive design? - User Experience Stack Exchange https://ux.stackexchange.com/questions/15463/how-should-large-table-columns-be-handled-on-a-responsive-design
  4. ↑ Tables with many columns - User Experience Stack Exchange https://ux.stackexchange.com/questions/117550/tables-with-many-columns?newreg=fdf5edeeca6a4cfba3f056107cbbed17 "Don’t make it responsive, make it adaptive!"
Retrieved from "https://wiki.planetoid.info/index.php?title=Table_with_many_columns&oldid=23069"