Right now the UI displays all records stored in postgres at once. This works fine until 20-30 records, but after that it gets messy and unconformable, because the user has to scroll alot over the page in order to continue to navigate the app.
A great way to fix this would be use of table pages: rather than displaying all information at once, display only 20-30 records and add a button group to navigate through the individual pages.
Instead of 100 records at once, there would be 5 pages displaying 20 records each. Navigation must work back and forth.
Right now the UI displays all records stored in postgres at once. This works fine until 20-30 records, but after that it gets messy and unconformable, because the user has to scroll alot over the page in order to continue to navigate the app. A great way to fix this would be use of table pages: rather than displaying all information at once, display only 20-30 records and add a button group to navigate through the individual pages. Instead of 100 records at once, there would be 5 pages displaying 20 records each. Navigation must work back and forth.
Edit: This is the exact required functionality: https://mdbootstrap.com/docs/jquery/tables/pagination/ MDBootstrap might be a good solution to solve this