Table with many columns: Difference between revisions
Jump to navigation
Jump to search
(Created page with "如何設計許多欄位的表格 == Design == * 使用者是否需要這麼多的欄位？只顯示主要欄位，點選該列資料才顯示完整細節資訊<ref>What to d...") |
mNo edit summary |
||
| Line 4: | Line 4: | ||
* 使用者是否需要這麼多的欄位？只顯示主要欄位，點選該列資料才顯示完整細節資訊<ref>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</ref>。 | * 使用者是否需要這麼多的欄位？只顯示主要欄位，點選該列資料才顯示完整細節資訊<ref>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</ref>。 | ||
* 如果是複雜的資料，則建議將資料切割成多個檢視 (view) 可以查看子集合的資料 <ref>UI Patterns for tables with many columns - User Experience Stack Exchange https://ux.stackexchange.com/questions/28090/ui-patterns-for-tables-with-many-columns</ref>。 | * 如果是複雜的資料，則建議將資料切割成多個檢視 (view) 可以查看子集合的資料 <ref>UI Patterns for tables with many columns - User Experience Stack Exchange https://ux.stackexchange.com/questions/28090/ui-patterns-for-tables-with-many-columns</ref>。 | ||
* | * 設計細節，(1) 顯示主要欄位，次要欄位可以勾選或隱藏、(2) 可以使用橫向捲軸、(3) 將表格轉換成 list 等等 <ref>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 | ||
</ref>。 | </ref><ref>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!"</ref>。 | ||
Revision as of 00:13, 30 June 2022
如何設計許多欄位的表格
Design
- 使用者是否需要這麼多的欄位？只顯示主要欄位，點選該列資料才顯示完整細節資訊[1]。
- 如果是複雜的資料，則建議將資料切割成多個檢視 (view) 可以查看子集合的資料 [2]。
- 設計細節，(1) 顯示主要欄位，次要欄位可以勾選或隱藏、(2) 可以使用橫向捲軸、(3) 將表格轉換成 list 等等 [3][4]。
References
- ↑ 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
- ↑ UI Patterns for tables with many columns - User Experience Stack Exchange https://ux.stackexchange.com/questions/28090/ui-patterns-for-tables-with-many-columns
- ↑ 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
- ↑ 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!"