數據在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標記的屬性。