Wie setze ich das Abfrage-Layout korrekt auf Raster?

Question

In Orchard habe ich eine Abfrage erstellt, die nach einem Inhaltstyp "Student" filtert, und ich versuche, meine Schüler in einem Raster aufzulisten. So habe ich ein neues Layout auf die Abfrage und die folgenden Eigenschaften:

• Layout-Typ: Gitter
• Anzeigemodus: Eigenschaften (und ich hinzugefügt, um die erforderlichen Eigenschaften aus dem Content Type)
• Typ Anzeige : Detail (ich bin nicht sicher, ob dies richtig ist)
• Gruppierung: keine
• Ausrichtung: Horizontal
• Anzahl der Spalten: bis 3 automatisch eingestellt wurde,

HTML-Eigenschaften:

• GridTag: Tabelle
• Row Tag: tr
• Zell Tag: td

Aber das ist nicht das Gitter richtig angezeigt hat. Die Zeilen wurden horizontal statt vertikal ausgefüllt. Überprüfen Sie bitte die Abbildung unten:

Was ich brauche, ist das normale Raster-Layout, wo ich die Spaltennamen in der ersten Reihe und dann stellt jede Zeile die Daten für einen einzelnen Inhalt Artikel.

Wie kann ich das erreichen?

Edit:

I Orchard als Webprojekt bin mit. Alle Anpassungen werden über das Admin-Steuerfeld vorgenommen, sodass ich den Code nicht anpassen kann. Meine Frage ist, ob ich das mit Out-of-the-Box-Eigenschaften von Orchard tun kann.

Edit # 2:

Wenn die Ausrichtung auf vertikale Einstellung, hier ist die resultierende Anzeige:

Answer 1

Ich glaube, Sie für diese suchen.

<table width="600" border="1" cellspacing="0" cellpadding="0"> 
 
    <tbody> 
 
    <tr> 
 
     <td>Name <a href="#">Jeff McDonald</a> 
 
     </td> 
 
     <td>20</td> 
 
     <td>Spain</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Name <a href="#">John Alex</a> 
 
     </td> 
 
     <td>40</td> 
 
     <td>Italy</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Name <a href="#">Kim Lincoln</a> 
 
     </td> 
 
     <td>30</td> 
 
     <td>netherland</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 2

Wenn Sie Ausrichtung wählen: horizontal, Orchard die Einzelteile machen wie du gerade beschrieben; nebeneinander.

Wenn Sie nur Ausrichtung: vertikal wählen, wird Orchard die Elemente gestapelt, wobei die Spalten die Eigenschaften des Elements sind.

Wenn Sie auf dem Code von Orchard.Projections/Providers/Layout/GridLayout.cs aussehen, können Sie den folgenden Code sehen:

public dynamic RenderLayout(LayoutContext context, IEnumerable<LayoutComponentResult> layoutComponentResults) { 

    bool horizontal = Convert.ToString(context.State.Alignment) != "vertical"; 

    //.. 

    return Shape.Grid(Id: gridId, Horizontal: horizontal, Columns: columns, Items: shapes, Tag: gridTag, Classes: new[] { gridClass }, RowTag: rowTag, RowClasses: new[] { rowClass }, CellTag: cellTag, CellClasses: new[] { cellClass }, EmptyCell: emptyCell); 
} 

Dies bedeutet, dass Orchard eine Form machen wird 'Grid' genannt, mit der Eigenschaft Horizontal auf Alignment != "vertical" festgelegt.

zu sehen, wie diese Gitterform tatsächlich gemacht wird, Sie zu Orchard.Projections/Provider/Layout/LayoutShapes.cs gehen, und diesen Code sehen:

[Shape] 
public void Grid(dynamic Display, TextWriter Output, HtmlHelper Html, string Id, bool Horizontal, IEnumerable<dynamic> Items, int Columns, string Tag, IEnumerable<string> Classes, IDictionary<string, string> Attributes, string RowTag, IEnumerable<string> RowClasses, IDictionary<string, string> RowAttributes, string CellTag, IEnumerable<string> CellClasses, IDictionary<string, string> CellAttributes, string EmptyCell) { 
    //.. 

    // Here Orchard decides the columns and rows: 
    if (!Horizontal) { 
     seekItem = (row, col) => col*Columns + row; 
     maxCols = maxRows; 
     maxRows = Columns; 
    } 

    //.. 
}