Question

我是新来的，又是新开发人员，所以请不要对我进行评判。我的问题是，我想用帕格建造桌子，第二行应该采用不同的样式。这就是我所做的：

table.table.table-hover
    thead
        tr
            th(scope='col') Account
            th(scope='col') Vorname
            th(scope='col') Nachname
            th(scope='col') Mail
            th(scope='col') Löschen
    tbody
        each finding, index in findings
            if  (index% 2)  === 0
                tr.table-light
            else
                tr
            endif
            td #{finding.account}
            td #{finding.firstName}
            td #{finding.lastName}

            if index === 0
                input(type = 'hidden', name= 'mail', value=finding.mail)
            endif
                td #{finding.mail}
                td
                    input.form-check-input(name='accounts[]', value=finding.account, type='checkbox', checked='')

但是这些行具有相同的样式... 我认为我使用模运算符是错误的，但是在互联网上，这是我找到它的唯一方法。

Answer 1

您可以这样做：

tr(class=index % 2 ? 'table-light' : null)

或者，您可以按照@Capricorn的建议使用纯CSS：

.table-striped tr:nth-child(even) {
    background-color: #f2f2f2
}

然后在哈巴狗中，只需将.table-striped添加到表中即可。

如何在pug / jade中使用取模运算符？

1 个答案: