ASP.NET WebForms - How to set colspan for title bar in GridView?

I want to set colspan for the title bar as a grid to look the same as in the image below:

alt text

HTML code:

<html>
    <body>
        <table border="1">
        <tr>
            <th colspan=2>Header</th>
        </tr>
        <tr>
            <td>row 1, cell 1</td>
            <td>row 1, cell 2</td>
        </tr>
        <tr>
            <td>row 2, cell 1</td>
            <td>row 2, cell 2</td>
        </tr>
        </table>
    </body>
</html>

I don’t know how to create the same effect in asp.net, and I don’t want to create a table manually using for loops.

Thank!

+5
source share
2 answers

I connected to the PreRender event:

protected void GridView1_PreRender(object sender, EventArgs e)
{
    var gridView = (GridView) sender;
    var header = (GridViewRow) gridView.Controls[0].Controls[0];

    header.Cells[0].Visible = false;
    header.Cells[1].ColumnSpan = 2;
    header.Cells[1].Text = "Header";
}
+10
source
protected void btnAction_Click(object sender, EventArgs e)
{
    string value = txtDetails.Text;
    char[] delimiter = new char[] { ';','[' };
    string[] parts = value.Split(delimiter, StringSplitOptions.RemoveEmptyEntries);
    for (int i = 0; i < parts.Length; i++)
    {
        txtFName.Text = parts[0].ToString();
        txtLName.Text = parts[1].ToString();
        txtAge.Text = parts[2].ToString();
        txtDob.Text = parts[3].ToString();
    }
}
0
source

All Articles