2011-10-27 12 views
20

मैं नोड एक्सप्रेसज फ्रेमवर्क से शुरू कर रहा हूं और मैं इस समस्या से हल हुआ हूं जिसे मैं हल नहीं कर सकता।जेड के साथ एक HTML तालिका बनाने के लिए कैसे एक सरणी

मैं कुछ ब्लॉग पोस्ट (हाँ, एक ब्लॉग ...) के साथ एक टेबल प्रदर्शित करने की कोशिश कर रहा हूं लेकिन मुझे यह नहीं मिलता है।

यह वह जगह है जेड टेम्पलेट कोड:

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> 

तो, किसी भी विचार?

+4

एन-वें बच्चे सीएसएस नियम देखें। आपको कक्षा को मैन्युअल रूप से/विषम और मैन्युअल रूप से जोड़ने की आवश्यकता नहीं है। http://www.w3.org/Style/Examples/007/evenodd.en.html –

+0

हां, आप सही हैं। लेकिन मैं एक मौजूदा डिजाइन का उपयोग कर रहा था जिसे मैं बदलना नहीं चाहता था। वैसे भी, यह समस्या नहीं है। मैंने पहले से ही एक वर्गीकृत टी टैग मुद्रित करने की कोशिश की है और यह या तो काम नहीं करता है। – PaquitoSoft

उत्तर

27

मैंने पाया कि समस्या यह है कि मैं हर टी.आर. के लिए टीडी टैग छूट रहा था की कोशिश करो। तो जेड कोड इस तरह होना चाहिए:

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

हां, मैंने उसे नहीं देखा। खुशी है कि आपको यह पता चला है कि – Chance

+0

मुझे i को हटा देना था, और उपयोगकर्ता पोस्ट में प्रत्येक पोस्ट करना था –

+0

का अर्थ क्या है: tr के बगल में? –

7

इस

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} 
+0

मैंने पहले से ही कोशिश की है। यह काम नहीं करता है। आपकी सहायता के लिए धन्यवाद. – PaquitoSoft

+0

का अर्थ क्या है: tr के बगल में? –

संबंधित मुद्दे