[React UI solutions] Customize powerful table with @tanstack/table ( V 8 )

[reboottime]

• Remote API interaction: loading, searching, sorting data
  • debounce API request
  • loading status skeleton (first render)
• Row selection: onRowClick, for viewing a specific row information
• table add ons (Learned from Microsoft usability: command bar)
  • global search
  • the button to add new record
  • bulk operations ( selected more than one item on the row selection section)
• table header add ons ( example, Kendo UI)

[reboottime]

Todos

1. sticky header, column using @tanstack/react-table version 8, sample solution with mantine ui
2. Remote data 1) Server side pagination: https://tanstack.com/table/v8/docs/api/features/pagination, manualPagination: true 2) Work did by others: https://github.com/KevinVandy/mantine-react-table