title: JQuery data grid with form view edit
body: <p>I have been looking around at several Data Grids for JQuery UI.</p>
  
  <p>I have found several such as:</p>
  
  <pre><code>* Flexigrid: http://flexigrid.info/
  * jQuery Grid: http://www.trirand.com/blog/
  * jqGridView: http://plugins.jquery.com/project/jqGridView
  * Ingrid: http://reconstrukt.com/ingrid/
  * SlickGrid http://github.com/mleibman/SlickGrid
  </code></pre>
  
  <p>However, what I need to do is when a record is clicked, expand the record into a sort of in-line form for the user to enter information. The amount of information in this form is much greater than the amount show in each gridview row.</p>
  
  <p>For example you might see:</p>
  
  <pre><code>Header
  Row 1
  Row 2
  Row 3
  Row 4
  Row 5
  </code></pre>
  
  <p>then click on Row 3 and see</p>
  
  <pre><code>Header
  Row 1
  Row 2
  Form
  Data input..... input and change data about the item that was in Row 3
  Some more data input from input fields, selects etc.
  End Form
  Row4
  Row5
  </code></pre>
  
  <p>Any ideas on how to use one of these data grid addons or another addon? </p>
  
  <p>Or another way to go about doing this all together?</p>
  
  <p>Thanks!</p>
  
  <p>P.S. I would like it to look as professional as possible :)</p>