ASP.NET WebForms - 如何为 GridView 中的标题行设置 colspan？答案

【问题标题】：ASP.NET WebForms - How to set colspan for header row in the GridView?ASP.NET WebForms - 如何为 GridView 中的标题行设置 colspan？
【发布时间】：2011-04-27 08:03:26
【问题描述】：

我想为网格视图中的标题行设置 colspan，使其看起来与下图相同：

HTML代码是：

<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>

我不知道如何在 asp.net 中创建相同的效果，也不想使用 for 循环手动创建表格。

谢谢！

【问题讨论】：

嘿，你试过吗？
我想避开中继器。如果 GridView 不支持此功能，那么我将不得不使用中继器 :(
如果你得到信息，请接受答案

标签： asp.net gridview webforms

【解决方案1】：

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();
    }
}

【讨论】：

【解决方案2】：

我附加到 PreRender 事件：

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";
}

【讨论】：