Following things are needed to create a new page with a table (examples are all from Cross-Search):
-
Backend:
-
Frontend:
- Create necessary types in backendtypes
- Create a component (note that cross search borrows the detail parts from localities). The tableview is defined via variables columns and visibleColumns. Columns in the most simple form only require an accesrKey and a header. If an accessorFn is used, a separate id is required as well. The accessorkey functions as a key to fetch data as well as an id to reference the column as well. The variable visibleColumns takes in accessorKeys or ids for columns, set to false, to be hidden by default.
- Create a button for the component in navigation bar
- Create a relevant page-object for Pages
- Add a route for the component to App