title: HTML table - best way to hide row and move subsequent controls into its place?
body: <p>Here's the scenario: In a table, there are rows and columns of labels and controls.  There are some scenarios in the aspx.cs that we can say based on "x" condition, the label and control are hidden.</p>
  
  <p>For example: This is done using simple  (e.g. 4  rows> and .</p>
  
  <pre><code> Label 1  Control1       Label 2  Control2       Label 3  Control3    
  
   Label 4  Control4       Label 5  Control5       Label 6  Control6    
  
   Label 7  Control7       Label 8  Control8       Label 9  Control9    
  
   Label 10 Control10      Label 11 Control1       Label 12 Control2    
  </code></pre>
  
  <p>If the code behind says hide Label 8 and Control 8, then this is what it currently looks like:</p>
  
  <pre><code> Label 1  Control1       Label 2  Control2       Label 3  Control3    
  
   Label 4  Control4       Label 5  Control5       Label 6  Control6    
  
   Label 7  Control7                               Label 9  Control9    
  
   Label 10 Control10      Label 11 Control1       Label 12 Control2    
  </code></pre>
  
  <p>That doesn't look very good.  One would expect that Label &amp; control 11 would move into the position where Label &amp; control 8 was.
  I was thinking the quick and dirty way of doing this was to do something like:</p>
  
  <pre><code>&lt;table&gt;
     &lt;tr&gt;
         &lt;td&gt;
             &lt;table&gt;
                 &lt;tr&gt;
                    &lt;td&gt;&lt;/td&gt;
                 &lt;/tr&gt;
                 &lt;tr&gt;
                    &lt;td&gt;&lt;/td&gt;
                 &lt;/tr&gt;
                 &lt;tr&gt;
                    &lt;td&gt;&lt;/td&gt;
                 &lt;/tr&gt;
             &lt;/table&gt;  
         &lt;td&gt;
         &lt;td&gt;
             &lt;table&gt;
                 &lt;tr&gt;
                    &lt;td&gt;&lt;/td&gt;
                 &lt;/tr&gt;
                 &lt;tr&gt;
                    &lt;td&gt;&lt;/td&gt;
                 &lt;/tr&gt;
                 &lt;tr&gt;
                    &lt;td&gt;&lt;/td&gt;
                 &lt;/tr&gt;
             &lt;/table&gt;  
         &lt;/td&gt;
       &lt;/tr&gt;
     &lt;/table&gt;
  </code></pre>
  
  <p>Then that way I would hide the "tr" of the control and it would move the rows up.
  But I'm thinking that there has to be a better way but not entirely sure.
  Any advice is greatly appreciated.
  Thanks!</p>