Question

我正在使用类似于：

的Jinja2创建一个CSS条纹效果

table tr td:nth-child(odd) {
    background: #0D1424;
}

（注意：这不是我的HTML模板的选项，CSS会从电子邮件中删除。）

我正在尝试使用Jinja的Tips and Tricks - Alternating Rows为表格的每一行设置CSS样式。但是，即使在阅读了辅助函数loop.cycle的文档之后，我也不明白它应该如何实现。

HTML：

{% for item in items %}
    <tr class="{{ loop.cycle('odd', 'even') }}">
        <td>{{ item['column1'] }}</td>
        <td>{{ item['column2'] }}</td>
    </tr>

Answer 1

解决方案：

经过大量研究后，我偶然发现了Quick Zebra Striping in Rails，这是一篇Rails博客文章，内容类似cycle：

CSS：

.odd {
   background: #0D1424;
}

Jinja2斑马条纹（交替行）

1 个答案: