Table Design UX

Keyword: user interface table has too many columns

Reference:
Data Table Design UX Patterns
https://www.pencilandpaper.io/articles/ux-pattern-analysis-enterprise-data-tables

Stack Exchange: What to do with too many columns in a table?
https://ux.stackexchange.com/questions/95855/what-to-do-with-too-many-columns-in-a-table

Points taken:
1. Left-align text columns
2. Right-align numeric columns, except date
3. Highly recommended: use a monospace font for numerical values
4. Column separator: very thin & light grey color
5. Division styles: zebra stripes
6. Line division: color light enough (not to become visual noise)
7. Viewing options
7.a. Column management
7.a.1. Freeze (sticky) + horizontal scroll
7.a.2. Reorder (sort, upside down triangle) & hide
– freeze, hide
– status: approved, pending, denied, abandoned
> overload cognitive load – create frustration
7.a.3. Resize columns
7.a.4. Add or remove columns
7.b. Basic navigation
7.b.1. Sticky Headers & Footers
— Toolbar fixed: allow user to keep context & easily know what they're acting on
7.b.2. Sorting, filtering, searching
7.b.3. Tooltips / sneak peak
7.b.4. Modal : view-more link or 3-dot menu icon
7.b.5. Full screen mode: focused user experience, high density – helps people parse through data
7.b.6. Search, highlighting
7.b.7. Multi-selsect & bulk actions

– icon switcher