2016-12-06 67 views
0

我创建使用Jinja2的类似于CSS条纹效果:Jinja2的斑马条带化(交替行)

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> 

回答