What is the best way to organize two huge data table within popup with smoother user flow. A page end user use to create and combine items from different job order.
Expected User flow:
- Select one/multiple row in "Table 1".
- Click "Search" button. (System generate result table base on selection and display show below Table 1)
- Select one/multiple row in result table below.
- Click "Confirm" button.
Current problem facing:
- End user doesn't know they need to click search after selecting rows in Table 1.
- End user often ignore step 2 & 3, and keep getting error in result.
Things to bear in mind:
- Table row might be more then 1000.
- Column are more then the example given. No column should be hidden as those are requirement.
- Search/ filter is required for Table 1.
- User can repeat step 1 to 3, as long as confirm button is not clicked.
Sample that don't work well:
At start show Only Table 1(Image 1), after user trigger search button. Table 1 will collapse and show result table(Image 2). User still missed step 2 and click Confirm button.
