title: How to resize grid-view column width?
body: <p>I am trying to re-size columns width in my gridview that I created using <a href="http://www.ashishblog.com/blog/nested-gridview-in-showhide-effect-using-c-net/" rel="nofollow noreferrer">this tutorial</a>, but I am unable to do so. I have been through tens of ways by googling but non of them worked.</p>
  
  <p>Code that is creating problem</p>
  
  <pre><code>&lt;asp:BoundField DataField="CustomerID" HeaderText="CustomerID" HtmlEncode="False" /&gt;
  &lt;asp:BoundField DataField="Name" HeaderText="Name" HtmlEncode="False" /&gt;
  &lt;asp:BoundField DataField="Address" HeaderText="Address" HtmlEncode="False" /&gt;
  &lt;asp:TemplateField&gt; // I don't want to show it in my gridview as it is just being
                      // for showing nested gridview
  &lt;ItemTemplate&gt;
  &lt;/td&gt;&lt;/tr&gt;
  </code></pre>
  
  <p>I tried to change column visiblity but then show/hide button doesn't work anymore.</p>
  
  <p>This is how my gridview looks like,</p>
  
  <p><img src="https://i.stack.imgur.com/jTZXJ.png" alt="enter image description here"></p>
  
  <p>I want to hide last empty column or minimize it's width so it should be hidden and increase description column width, decrease ID number column width and also first column's width,</p>
  
  <p>I even tried CSS way but then it says width 0px however no change in width and <code>ControlStyle-Width="10%"</code> but it didn't worked.</p>