-
Two screens need to be built from a single reusable component.
-
Reusable component needs to have a table, global filter, individual column filter, sorting for individual columns, pagination, refresh
-
Screen 1’s table should have 6 columns while the other can have only 4 columns.
-
All the other features should be like plug & play, for e.g., screen 1 table may not have global filter whereas the other need to have.
-
Two screens can be displayed based on the individual button clicks.
-
Features that need to be enabled:
-
Table - 1 - Global filter, pagination
-
Table - 2 - Sorting, refresh.
-
Individual column filter should be in both tables.
To run this project
-
clone this repo.
git clone https://github.com/muhammedamirt/TableManagerAssignment.git
-
start app after install node_modules.
npm install npm start