Jadeが配列を反復してhtmlテーブルを作成するには

Question

私はnode expressjsフレームワークから始めています。私はこの問題を解決できませんでした。

私はいくつかのブログ投稿（はい、ブログ...）で表を表示しようとしていますが、それはできません。

これはジェイドテンプレートコードです：

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} 

そして、これは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> 

、任意のアイデア？

Answer 1

を試してみてください私はこの問題は、私は、各TRのためのTDタグを欠落していたことがわかりました。 ひじのコードは次のようになります。

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

この

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}