I have got two tables one below another in my application.Both the tables must be Expandable and Collapsible. The headers of both the table are visible when both the tables are in collapsible mode.On click of the header of My first table I have to expand my first Table. On expanding my first table, the header of the second table must be visible but when i click on the header of my second table,My second table must take the complete screen and no other UI other than the header and rows of the second table must be visible and again on collapsing the second table the normal UI which was there before expanding second table must appear.
Kindly help me in achieving this scenario.
TIA :)