How to Hide GridView Column using Javascript on ButtonClick in asp.net?

Question

I have a GridView from which i want to Show the GridColumn on Button Click.

enter image description here The Column with 'Source' i want to display on Button click using Javascript.

Note:The Button that we click to visible the column is outside the GridView.

<asp:TemplateField HeaderText="Source" ItemStyle-Width="50px" ItemStyle-HorizontalAlign="Center"
    HeaderStyle-HorizontalAlign="Center">
    <ItemTemplate>
 <asp:Button ID="BtnSource" runat="server" CausesValidation="false" OnClick='<%# "return SetRowValues("+Eval("ttppcid")+",this.id,"+Eval("Fair")+","+Eval("Good")+","+Eval("Mint")+","+Eval("Poor")+","+Eval("Broken")+")"%>' Text="Source" />
  </ItemTemplate>
</asp:TemplateField>

Help Appreciated!

Manish Sharma · Accepted Answer · 2014-01-31 06:05:09Z

7

try this,

Add JavaScript in your page.

<script type="text/javascript">
    function hideColumn() {
        var gridrows = $("#GridView1 tbody tr");

        for (var i = 0; i < gridrows.length; i++) {
            gridrows[i].cells[1].style.display = "none";
        }
        return false;

    };
</script>

cells[1] instead of you can use your column number. and call this function on OnClientClick="Javascript:return hideColumn();" event.

answered Jan 31, 2014 at 6:05

Manish Sharma

2,4562 gold badges18 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to Hide GridView Column using Javascript on ButtonClick in asp.net?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related