Cách tạo bảng html với Jade lặp lại một mảng

Question

Tôi bắt đầu với khuôn khổ biểu thức nút và tôi gặp vấn đề này mà tôi không thể giải quyết được.

Tôi đang cố gắng hiển thị một bảng với một số bài đăng trên blog (vâng, blog ...) nhưng tôi không hoàn thành.

Đây là Jade mẫu mã:

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} 

Và đây là kết quả 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> 

Vì vậy, bất kỳ ý tưởng?

Answer 1

tôi thấy rằng vấn đề là tôi đã mất tích thẻ TD cho mỗi TR. Vì vậy, mã ngọc phải giống như sau:

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

thử này

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}