title: How can we hide and show the row of grid panel in ext js 4.2?
body: <p>Hello there, 
                I have grid panel with rows and there is a column name ID which is duplicate correspond to others values e.g:-</p>
  
  <pre><code>ID    Type    Status
  --------------------------
  1      A      True
  1      B      True
  1      C      False
  1      D      False
  1      E      False
  2      A      True
  2      B      False
  2      C      False
  2      D      False
  </code></pre>
  
  <p>and I need like below one: so when I click on [Show all record..] the Id of 1 records will be shown. same as for Id  2 and so on....</p>
  
  <pre><code>ID    Type    Status
  --------------------------
  1      A      True
  1      B      True
  Show all record..
  2      A      True
  2      B      False
  Show all record..
  </code></pre>
  
  <p>Output will be after click on Show all record....</p>
  
  <pre><code>   ID    Type    Status
    ----------------------------
      1      A      True
      1      B      True
      1      C      False
      1      D      False
      1      E      False
      2      A      True
      2      B      False
      Show all record..
  </code></pre>
  
  <p>Hope you can understand what i have to achieve.</p>
  
  <p>Thanks &amp; Regards
  vik</p>