title: Folding/Hiding duplicate rows in Asp.net Gridview?
body: <p>I have an asp.net GridView with around 100 rows.  Most of the rows have identical values in the first column and I would like to fold/hide those duplicate rows.  Then the user could click the folded row which would cause it to unfold its duplicates and display normally.</p>
  
  <p>Example GridView with 3 columns that would display normally like this:</p>
  
  <pre><code>aaa col1 col2
  aaa col1 col2
  bbb col1 col2
  ccc col1 col2
  ccc col1 col2
  ccc col1 col2
  </code></pre>
  
  <p>Would display like this:</p>
  
  <pre><code>aaa (Click to unfold and display rows)
  bbb col1 col2
  ccc (Click to unfold and display rows)
  </code></pre>
  
  <p>One idea would be to hide the duplicate rows in RowDataBound using Attribute["style"] = "display:none" and then changing the attribute again when clicked in Javascript.</p>
  
  <p>Any other possible implementations?</p>