gpt4 book ai didi

html - Jinja2 斑马条纹(交替行)

转载 作者:行者123 更新时间:2023-12-04 13:04:18 26 4
gpt4 key购买 nike

我正在使用类似于以下内容的 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>

最佳答案

解决方案:

经过大量研究,我偶然发现了 Quick Zebra Striping in Rails , 一个 Rails 博客文章与类似 cycle方法:

CSS:

.odd {
background: #0D1424;
}

关于html - Jinja2 斑马条纹(交替行),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40999121/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com