search

grassrootsgrocery / admin-portal

GNU Affero General Public License v3.0
11 stars 6 forks source link

Add table sorting by column #145

Open mattsahn opened 1 year ago

mattsahn commented 1 year ago

All of the tables in the app should be interactively sortable. Example is for Participant Roster, but should also work for Driver Information and Location Information tables.

On page load, table starts out in whatever the default sort order is: image

User can tap any given column header (to be easy on mobile, tapping anywhere in the header should work). Table will immediately sort on that column in ascending order. Second tap would sort in descending order. Icon with up/down arrow should indicate which column is sorted on at the moment and what direction.

image

image

jasoncavanaugh commented 1 year ago

For whoever looks into this issue (and all issues related to tables), I would recommend looking at https://tanstack.com/table/v8 and also https://ui.shadcn.com/docs/components/data-table (which is built with tanstack table). These might be good options worth exploring for improving the tables in the app.

6mp commented 1 year ago

@jasoncavanaugh Thank you for the suggestion, I am implementing this!