title: How to Hide GridView Column using Javascript on ButtonClick in asp.net?
body: <p>I have a <code>GridView</code> from which i want to Show the <code>GridColumn</code> on <code>Button Click</code>.</p>
  
  <p><img src="https://i.stack.imgur.com/fh5zf.png" alt="enter image description here">
  The <code>Column</code> with '<code>Source</code>' i want to display on <code>Button click</code> using <code>Javascript</code>.</p>
  
  <p><strong>Note:The Button that we click to visible the column is outside the GridView.</strong></p>
  
  <pre><code>&lt;asp:TemplateField HeaderText="Source" ItemStyle-Width="50px" ItemStyle-HorizontalAlign="Center"
      HeaderStyle-HorizontalAlign="Center"&gt;
      &lt;ItemTemplate&gt;
   &lt;asp:Button ID="BtnSource" runat="server" CausesValidation="false" OnClick='&lt;%# "return SetRowValues("+Eval("ttppcid")+",this.id,"+Eval("Fair")+","+Eval("Good")+","+Eval("Mint")+","+Eval("Poor")+","+Eval("Broken")+")"%&gt;' Text="Source" /&gt;
    &lt;/ItemTemplate&gt;
  &lt;/asp:TemplateField&gt;
  </code></pre>
  
  <p>Help Appreciated!</p>