我想使我的Gridview行垂直（就像一排又一排的细节）

Question

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

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代码。