Ich möchte meine Gridview Zeile vertikal machen (wie eine Zeile Details nach dem anderen)

Question

Ich habe eine Gridview in asp.net, die einige Spalte haben.Jetzt möchte ich mein Ergebnis in Gridview so zeigen, dass meine erste Zeile Header , unter dieser Zeile ist jede Spalte Details. Nachdem ich alle Details in meiner Reihe gezeigt habe, möchte ich eine weitere Reihe mit Spalten dieser Reihe zeigen. Wie kann ich das tun? Ich füge nur das Bild hinzu, von dem ich denke, dass es hilft, es zu verstehen. image here

Answer 1

Konvertieren einer der Spalten zu Template, dann in der ItemTemplate für dieses Feld hinzufügen Kontrollen für den Rest der Eigenschaften, zum Beispiel:

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

Im vorherigen Code habe ich eine Tabelle verwendet, um die Steuerelemente zu umhüllen, nur um die Idee zu zeigen, aber Sie können Bootstrap, HTML, CSS, JavaScript-Code darin verwenden.