Le rendu de la table avec Jade/Express.js le fait d'avoir plusieurs éléments par ligne

Je suis en train d'effectuer le rendu d'une table à l'aide de jade à partir d'un simple tableau d'objets. Mais au lieu de simplement rendu une ligne par objet, je veux rendre trois objets sur chaque ligne.

<table>
  <thead>...</thead>
  <tbody>
    <tr>
      <td>obj0</td>
      <td>obj1</td>
      <td>obj2</td>
    </tr>
    <tr>
      <td>obj3</td>
      <td>obj4</td>
      <td>obj5</td>
    </tr>
    ...
  </tbody>
</table

OriginalL'auteur Rouzbeh Delavari | 2012-06-24

  1. 5
    objects = [[obj0, obj1, obj2], [obj3, obj4, obj5]]

table
  thead
  tbody
  for object in objects
    tr
      for subobject in object
        td= subobject
    Merci. Je ne pense pas que de ré-organiser les objets avant de la table de la construction de la boucle.

    OriginalL'auteur Jonathan Ong

  2. 6

    Accepté de répondre techniquement fonctionne, mais je n'aime pas que vous avez eu pour la génération des données, de sorte que la logique fonctionne. Je pense que la logique devrait accueillir les données. En tant que tel, j'ai trouvé ceci:

    objects = [obj0, obj1, obj2, obj3, obj4, obj5]

table
  thead
  tbody
    - var columns = 3
    - for (var i = 0; i < objects.length; i=i+columns)
      tr
        - for (var j = 0; j < columns && i+j < objects.length; j++)
          td=objects[i+j]
    En regardant en arrière sur ce, vous pouvez obtenir le meilleur des deux mondes entre cette réponse et la accepté de répondre si vous utilisez quelque chose comme lodash de chunk. Vous pouvez utiliser le plus lisible approche par juste la réorganisation de vos données de manière dynamique (cependant, c'est en supposant que votre liste est petit, vous devriez payer une pénalité de performances pour chunking de très grandes listes)

    OriginalL'auteur rkoval