我想让我的Gridview行垂直（像一行接一行）

Question

我在asp.net中有一个Gridview，它有一些列。现在我想在Gridview中以我的第一行标题显示我的结果，在这行的下面是每个列的详细信息。显示我的行中的所有详细信息后，我想在下面显示该行的列的另一行。 我怎样才能做到这一点 ？ 我只是添加了我认为有助于理解的图片。 image here

Answer 1

将其中一列转换为 TemplateField ，然后在 ItemTemplate 内为此字段添加其余属性的控件，例如：

    <asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="False" DataKeyNames="CustomerId">
    <Columns>
        <asp:TemplateField HeaderText="" InsertVisible="False" SortExpression="CustomerId">
            <ItemTemplate>
                <table>
                    <tr>
                        <td><strong>Id</strong></td>
                        <td><asp:Label ID="Label2" runat="server" Text='<%# Bind("CustomerName") %>'></asp:Label></td>
                    </tr>
                    <tr>
                        <td><strong>Name</strong></td>
                        <td><asp:Label ID="Label4" runat="server" Text='<%# Bind("CustomerName") %>'></asp:Label></td>
                    </tr>
                </table>

            </ItemTemplate>
        </asp:TemplateField>
    </Columns>

在上面的代码中，我使用一个表来包装控件只是为了显示这个想法，但你可以在其中使用bootstrap，html，css，javascript代码。