This is my problem: when the user selects a record from the first table, all parameters relevant to the selected h2h column must be displayed below the table. When the user selects the second row from the first table, the relevant records from the second table should be filtered. (The 2nd table also has options to add and delete).
Screenshot taken from swing client, which is already implemented. My task is to take this and implement it as a web UI. Below are my suggestions
- Implement a right sheet (a panel appears on the right side) when selecting a record from the first table and display the relevant parameters.
- Implement the same behavior and UX for Web UI.
From the accessibility point of view, I do not think the second option is useful (E.G.: When using a screen reader for people with disabilities, it should display the selection of the first table and the records of the second table). I hope this is a small challenge to continue with the double grid approach.
How can I solve the problem?