React-based UI to display a table from an Excel sheet
Budget: ₹1,500 – ₹12,500 INR
Create a React-based UI to display a table from an Excel sheet (Dummy Data). The table should have the following functionalities:
1. All Columns should be filterable. User should be able to filter out based on unique entries present in a column.
2. Rows should be nested as well as aggregated on all levels. (Like Pivot Tables in excel, refer sheet 2)
3. On hovering over any cell, a tooltip/pop should come showing corresponding value from the Month(hover) column.
For example:
• If one hovers over the red encircled cell, the user should be able to see corresponding value from
“Jan (Hover)” column.
• If one hovers over the blue encircled cell, the user should be able to see aggregated value from
“March (Hover)” column at that level.
Note:
You are expected to develop this UI from scratch without using any existing library. It will be given more weightage.
Share the code in a zip folder along with working link of UI hosted on any platform like Heroku.
1. All Columns should be filterable. User should be able to filter out based on unique entries present in a column.
2. Rows should be nested as well as aggregated on all levels. (Like Pivot Tables in excel, refer sheet 2)
3. On hovering over any cell, a tooltip/pop should come showing corresponding value from the Month(hover) column.
For example:
• If one hovers over the red encircled cell, the user should be able to see corresponding value from
“Jan (Hover)” column.
• If one hovers over the blue encircled cell, the user should be able to see aggregated value from
“March (Hover)” column at that level.
Note:
You are expected to develop this UI from scratch without using any existing library. It will be given more weightage.
Share the code in a zip folder along with working link of UI hosted on any platform like Heroku.