title: How to make a HTML table <TD> invisible
body: <p>I have a Grid View and I am checking some permission on the Grid View</p>
  
  <p>If the user don't have permission. I am making the column invisible.</p>
  
  <pre><code>    Grid View.Column[9].visible = false; //Zero based index so column 10 will be invisible.
  </code></pre>
  
  <p>The GridView doesn't use GridView's header (because of a specific
  styling issue) but a separate html table.</p>
  
  <p>the header is defined as follows</p>
  
  <pre><code>&lt;tr&gt;
              &lt;td width="5%" class="hier-header"&gt;Column 1&lt;/td&gt;
              &lt;td width="10%"  class="hier-header"&gt; Column 2 &lt;/td&gt;
              &lt;td width="10%"  class="hier-header"&gt; Column 3&lt;/td&gt;
              &lt;td width="10%"  class="hier-header"&gt; Column 4&lt;/td&gt;
              &lt;td width="5%"   class="hier-header"&gt; Column 5&lt;/td&gt;
              &lt;td width="5%"   class="hier-header"&gt; Column 6&lt;/td&gt;
              &lt;td width="10%"  class="hier-header"&gt; Column 7 &lt;/td&gt;
              &lt;td width="15%"  class="hier-header"&gt; Column 8 &lt;/td&gt;
              &lt;td width="5%"   class="hier-header"&gt; Column 9 &lt;/td&gt;
              &lt;td width="5%"   class="hier-header"&gt; Column 10 &lt;/td&gt;
              &lt;td width="5%"   class="hier-header"&gt; Column 11&lt;/td&gt;
              &lt;td width="5%"   class="hier-header"&gt;Column 12&lt;/td&gt;
              &lt;td width="5%"   class="hier-header"&gt;Column 13&lt;/td&gt;
      &lt;/tr&gt;
  </code></pre>
  
  <p>In the above code I should make Column 10 not to show up. Is this doable?</p>