Cómo crear una tabla html con Jade iterando una matriz

Question

Estoy comenzando con el nodo expressjs framework y me encontré con este problema que no puedo resolver.

Estoy tratando de mostrar una tabla con algunas publicaciones en el blog (sí, un blog ...) pero no lo hago.

Este es el código de la plantilla de Jade:

div 
    table 
    thead 
     tr: th Posts 
    tbody 
     each post, i in userPosts 
     tr(class=(i % 2 == 0) ? 'odd' : 'even'): a(href='/admin/post/' + post.id) #{post.author} - #{post.title} 

Y esta es la salida HTML:

<div> 
    <a href="/admin/post/1">Post 1</a> 
    <a href="/admin/post/2">Post 2</a> 
    <a href="/admin/post/3">Post 3</a> 
    <table> 
    <thead> 
     <tr> 
     <th>Posts</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr class="odd"></tr> 
     <tr class="even"></tr> 
     <tr class="odd"></tr> 
    </tbody> 
    </table> 
</div> 

Así, alguna idea?

Answer 1

me encontré con que el problema era que me estaba perdiendo la etiqueta TD para cada TR. Así que el código de jade debería ser así:

div 
    table 
    thead 
     tr: th Posts 
    tbody 
     each post, i in userPosts 
     tr 
      td 
      a(href='/admin/post/' + post.id) #{post.author} - #{post.title} 

Answer 2

probar esto

div 
    table 
    thead 
     tr: th Posts 
    tbody 
     each post, i in userPosts 
     tr(class=(i % 2 == 0) ? 'odd' : 'even') 
      td 
      a(href='/admin/post/' + post.id) #{post.author} - #{post.title}