title: 2 pane crud table view for nested table (main and detail table)
body: <p>Would someone have an example how to create 2 tables in i.e. Javascript.</p>
  
  <p>One table at the top of the web page. This table  is the master table and one table is rendered at the bottom of the web page which is a detail table from the record currently selected in the master table. Both tables need to be able to perform crud operations.</p>
  
  <p>Use case:</p>
  
  <p>A table or customer invoices displays customer name, invoice number, invoice date and total amount.</p>
  
  <p>When the customer row is clicked in the master table the second table (detail table) renders the details of the invoice such as items purchased that pertain to that invoice,price, quantity etc. with a total price at the bottom that matches the net value of the invoice master table.</p>
  
  <p>Maybe there is a way to do it with jquery or datatables. Data should be loaded and manipulated via REST calls. </p>