Following is the data that needs to be displayed, to which the user can make changes or add new entries.
For capturing a contract, there is a set of documents that is maintained and for each document there can be one or more clauses that can be attached.
The current UI shows the documents listing in a grid and the clause listing in another grid below. On selecting a row in the documents grid for a document, the relevant clauses get listed in the grid for clauses.
The grid for Documents, captures/displays the basic details of the document like Name, applicable date, etc.
The grid for Clauses, captures/displays the code, description, follow-up action, etc.
What is the best pattern that is available to display and capture inputs as described in the many-to-many relationship above ?