Table guidance

[ericsoderberghp]

Two areas to include more guidance and examples on:

interaction

• row vs. cell interaction
• selection
• navigation
• actions
• distinct modes for navigation vs. selection

scaling and responsiveness

• cell overflow - stretch column to fit, truncation, wrapping
• cell compression vs. horizontal scrolling
• narrow resolutions

specific tasks

• [x] #1130
• [ ] #1135
• [ ] #1274
• [ ] #1275
• [ ] #1415
• [x] #1451
• [ ] #1474
• [ ] #1476
• [ ] #1771
• [x] #1796
• [x] #1797
• [x] #1876
• [x] #1882
• [ ] #1888
• [ ] #1943
• [ ] #1944
• [ ] #1962
• [ ] #2410
• [x] #2414
• [x] #2441
• [ ] #2455
• [ ] #2502
• [ ] #2568

[Ivan-OG]

Eric some other items to consider for tables.

Apply actions to multiple rows

1. Select multiple rows (treatment/display)
2. Bulk actions (applying action on multiple row selections)
3. Line item (row) actions (when to use bulk vs row actions)

Row hover states. Sort Columns. Reorder Columns. Resizing Columns. Clip/Wrap cell text recommendations + manual switching clip/wrap. Download/Export Table (as CSV + options) . Refresh Table. Table Search . Empty state (messaging + pagination treatment + ‘pages of’ treatment). Notifications on table actions. Recommendations for column count.
Where columns widths exceed available space is horizontal scrolling allowed. Pagination vs lazy loading.

Table Filters: add, delete, define.

Table Views (Predefined and Saved ‘table setups’): We (Support Center) have a need for Predefined, Custom and Default table views:

1. Table views can have a multiple filters applied.
2. Table views can have user defined customizable column visibility (ability to turn on/off columns).
3. Default table view
4. Predefined table views
5. Custom table views (user saved)
6. Set View as default
7. Delete view
8. Save/name views

Pagination treatment.

1. Pagination styling
2. Page list count (how many pages are listed etc)
3. Pagination treatment for single page of results
4. Default records per page?
5. Paging options (Show 10 of x)
6. Pagination treatment for high page counts (how is pagination dealt with for 15,000 results e.g 1-100, 100-200, 200-300 etc)
7. Pagination treatment for null results (does pagination [1] display or not?)

Mobile Tables:

1. Rows to cards or horizontal scrolling
2. Controls on mobile
3. Taking actions on bulk selections on mobile

[eddieshowcase]

I know you have separate issues for "No data" and "Loading..." so perhaps this is overlap, but specific to DataTables.. consider also the guidance on states and presentation of No data, vs loading data, vs filter-out data.