Header to gridview column

Hi All

   When i write Header part it shows columns like below . Secondly i want this column to be non-sortable

Image attached . In the end see column is going outside

protected void gr_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            try
            {
                if (e.Row.RowType == DataControlRowType.Header)
                {
                    TableCell headerCell = new TableCell();
                    headerCell.Text = "Date"; // Set the header text
                    headerCell.ForeColor = System.Drawing.Color.Blue;
                    e.Row.Cells.Add(headerCell);
                    //e.Row.Cells[dtCount].Text = "Session Date";
                }

                if (e.Row.RowType != DataControlRowType.DataRow)
                    return;
                e.Row.Cells[0].HorizontalAlign = HorizontalAlign.Center;

                int columnIndex = dtCount - 1;
                TableCell cell = new TableCell();
                TextBox txtColumn = new TextBox();
                txtColumn.ID = "txtSessionDate";
                txtColumn.CssClass = "form-control daterange-single";
                txtColumn.Font.Size = new FontUnit("10px");

                cell.Controls.Add(txtColumn);
                e.Row.Cells.Add(cell);

Thanks

TableCell headerCell = new TableCell();
headerCell.Text = "Date";
e.Row.Cells.Add(headerCell);

TableCell cell = new TableCell();
TextBox txtColumn = new TextBox();
txtColumn.ID = "txtSessionDate";
txtColumn.CssClass = "form-control daterange-single";
txtColumn.Font.Size = new FontUnit("10px");
cell.Controls.Add(txtColumn);
e.Row.Cells.Add(cell);

To add a header to the TableCell in the GridView's RowDataBound event, you can create a new TableCell for the header, set its text, and add it to the GridView's header row. Here's an updated version of your code:

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.Header)
    {
        TableCell headerCell = new TableCell();
        headerCell.Text = "Date"; // Set the header text

        e.Row.Cells.Add(headerCell);
    }
    else if (e.Row.RowType == DataControlRowType.DataRow)
    {
        TableCell cell = new TableCell();
        TextBox txtColumn = new TextBox();
        txtColumn.ID = "txtSessionDate";
        txtColumn.CssClass = "form-control daterange-single";
        txtColumn.Font.Size = new FontUnit("10px");
        cell.Controls.Add(txtColumn);
        e.Row.Cells.Add(cell);
    }
}

In this code, I've added a condition to check if the current row is the header row (DataControlRowType.Header). If it is, a new TableCell is created, and the desired header text is set using the Text property. Finally, the header cell is added to the GridView's header row (e.Row.Cells.Add(headerCell)).

Make sure to replace GridView1 with the ID of your actual GridView control in your code.