django table tr 奇偶行

{app.params.name}} {app.params.name}} {app.params.name}}

Method 1: The Cross-Browser CSS Way

The easiest way to do this is to make use of the built-in Django {% cycle %} tag. Here’s how to use it for a table containing blog entries:

<table>
<tbody>
{% for blog in blogs %}
  {% for entry in blog.entries %}
    <tr class="{% cycle 'odd' 'even' %}">
      {{entry.date}}
      {{entry.title}}
      {{entry.comments}}
    </tr>
  {% endfor %}
{% endfor %}
</tbody>
</table>

Method 2: The Pure CSS Way

tbody tr:nth-child(even) td {background: #bbeebb;}
tbody tr:nth-child(odd) td {background: #e5f9e5;}



版权声明

davidzhang 创作并维护的 Gowhich 博客采用 创作共用保留署名-非商业-禁止演绎4.0国际许可证。

本文首发于 Gowhich 博客( https://www.gowhich.com ),版权所有,侵权必究。

本文永久链接: https://www.gowhich.com/blog/351

comments powered by Disqus