Jade bilan qatorni yineleme bilan HTML stoli yaratish

Men tugun freymlari bilan boshlayman va men bu muammoni hal qila olmayman.

Men ba'zi blog yozuvlari bilan stol ko'rsatishga harakat qilmoqdamiz (ha, blog ...), lekin buni amalga oshirmayman.

Bu Jade shablon kodi:

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}

Va bu HTML chiqishi:

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

Shunday qilib, har qanday fikr?

21
Ha, siz haqsiz. Lekin men o'zgartirishni xohlamaydigan mavjud dizayndan foydalanardim. Yaxshiyamki, bu muammo emas. Men allaqachon sinxronizatsiya yorlig'i chop etishga harakat qildim va u ham ishlamadi.
qo'shib qo'ydi muallif PaquitoSoft, manba
N-th bola CSS qoidalarini tekshiring. Hatto/g'alati va hisoblashni qo'lda qo'shish kerak emas. w3.org/Style/Examples/007/evenodd.en.html
qo'shib qo'ydi muallif Peter Lyons, manba

2 javoblar

Muammo shundaki, menda har bir TR uchun TD yorlig'i yo'qolgan. Shunday qilib, yodgorlik kodi shunday bo'lishi kerak:

div
  table
    thead
      tr: th Posts
    tbody
      each post, i in userPosts
        tr
          td 
            a(href='/admin/post/' + post.id) #{post.author} - #{post.title}
29
qo'shib qo'ydi
Men i-ni o'chirib tashlashim kerak, va har bir postni userPosts da bajarish kerak
qo'shib qo'ydi muallif Eduardo Dennis, manba
nimani anglatadi: tr ning yonida?
qo'shib qo'ydi muallif giorgim, manba
Ha, men buni ko'rmadim. Buni xursand qilganingizdan xursandman
qo'shib qo'ydi muallif Chance, manba

buni sinab ko'ring

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}
7
qo'shib qo'ydi
Men allaqachon sinab ko'rdim. Bu ishlamayapti. Yordamingiz uchun rahmat.
qo'shib qo'ydi muallif PaquitoSoft, manba
nimani anglatadi: tr ning yonida?
qo'shib qo'ydi muallif giorgim, manba
NodeJS Uzbekistan
NodeJS Uzbekistan
152 ishtirokchilar

Guruh NodeJS bo'yicha muloqot qilish uchun ochilgan. Sizni qiziqtirsa: @nodejs_uz @react_uz @angular_uz @yiiframework_uz @js_uzb @typescript_uzb @vuejs_uz @ngTashkent @laravel_uz @uzdevgroup Ish o'rinlari @UzDev_jobs