Hide column of Gridview and change its Header text on Condition

Hide column of Gridview and change its Header text on Condition


Step 1:-Design web from .aspx page

   <div>
            <asp:GridView ID="gr" runat="server" AutoGenerateColumns="false" AlternatingRowStyle-BackColor="WhiteSmoke" Width="40%" OnRowDataBound="gr_RowDataBound">
                <HeaderStyle BackColor="#3366ff" Font-Bold="true" ForeColor="White" />
                <Columns>
                    <asp:TemplateField HeaderText="Name">
                        <ItemTemplate>
                            <asp:Label ID="lbl_Name" runat="server" Text='<%#Eval("Name") %>'></asp:Label>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:BoundField DataField="City" HeaderText="City" />
                    <asp:BoundField DataField="Phone" HeaderText="Phone" />

                    <asp:TemplateField HeaderText="Percentage">
                        <ItemTemplate>
                            <asp:Label ID="lbl_Perc" runat="server" Text='<%#Eval("percentage") %>'></asp:Label>
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>

        </div>

 Step 2:-Logic on .CS page

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            //Bind Gridview

            bind_gr();
        }

       
    }
    public void bind_gr()
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("Name");
        dt.Columns.Add("City");
        dt.Columns.Add("Phone");
        dt.Columns.Add("percentage");


        dt.Rows.Add("Kandy", "Delhi", "8802***2564", "54");
        dt.Rows.Add("Sam", "Hr", "545502*2544", "32");
        dt.Rows.Add("Izhar", "Up", "95802*2452", "90");
        dt.Rows.Add("Vineet", "Delhi", "88022564***", "31");

       
        gr.DataSource = dt;
        gr.DataBind();

    }

    protected void gr_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            //Hiding fourth coloum of griodview...

            gr.Columns[3].Visible = false;
           
            //Changing header text of first coloum

            gr.HeaderRow.Cells[0].Text = "kandy";
        }
    }


It will Look like :-

Original Gridview Before work

After work on Gridview

Comments

Popular posts from this blog

Create and save QR code in asp.net with C#

Change text of RadGrid Header Dynamically

Telerik Radwindow Open on Button Click