django table tr 奇偶行

{}} {}} {}}

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:

{% for blog in blogs %}
  {% for entry in blog.entries %}
    <tr class="{% cycle 'odd' 'even' %}">
  {% endfor %}
{% endfor %}

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 博客( ),版权所有,侵权必究。


comments powered by Disqus