数据在GridView中使用多个列

Question

我正在尝试使GridView填充如下图所示：

这是我的GridView当前的外观。

码：

<asp:GridView runat="server" ID="GridView1" CssClass="wiretable" AutoGenerateColumns="False"
   BorderColor="#E8CC6B" BorderStyle="Solid" BorderWidth="1px"
   Width="100%" ShowFooter="False" OnRowDataBound="GridView1_RowDataBound">
   <Columns>
        <asp:BoundField DataField="Name" HeaderText="Attendees" />
   </Columns>
</asp:GridView>

Answer 1

由于您需要表结构，因此我建议使用中继器而不是网格来更好地控制输出，如下所示：

标记：

<asp:Repeater ID="Repeater1" runat="server">
    <HeaderTemplate>
        <table>
            <tr>
                <th colspan="2">Attendees</th>
            <tr>  
            <tr>     
    </HeaderTemplate>
    <ItemTemplate>
        <%# (Container.ItemIndex != 0 && Container.ItemIndex % 2 == 0) ? @"</tr><tr>" : string.Empty %> 
        <%# string.Format("{0}{1}{2}", @"<td>", Container.DataItem, @"</td>") %>
    </ItemTemplate>
    <FooterTemplate>
            </tr>
        </table>
    </FooterTemplate>
</asp:Repeater>

代码隐藏：

protected void Page_Load(object sender, EventArgs e)
{
    // Only bind repeater initially, not every post back
    if (!IsPostBack)
    {
        Repeater1.DataSource = GetDataFromDatabase();
        Repeater1.DataBind();
    }
}

---

注意：您可以将任何必要的CSS应用于表标题，行和单元格，以使其看起来像您想要的。

Answer 2

寻找：

<HeaderTemplate>
    <table>
        <tr>
            <th colspan="2">Attendees</th>
        <tr>  
        <tr>     
</HeaderTemplate>

因此，HeaderTemplate标记的属性。