第一种方法:
<style type="text/css">
table {
counter-reset: tableCount;
}
.counterCell:before {
content: counter(tableCount);
counter-increment: tableCount;
}
</style>
标签中使用
<table>
<tr>
<td>Num</td>
<td>Name</td>
</tr>
<tr>
<td class="counterCell"></td>
<td>this will be from database</td>
</tr>
<tr>
<td class="counterCell"></td>
<td>this will be from database</td>
</tr>
</table>
第二种方法:
1、forloop.counter计数
想要在使用for...in range(...)结果不支持,因此这里改成使用{{ forloop.counter }}。
{{ forloop.counter0 }}:以0开始的循环计数。
{{ forloop.counter }}:以1开始的循环计数。
{{ forloop.revcounter0 }}:以0结尾的倒序计数,先遍历元素个数,然后倒序计数。
{{ forloop.revcounter }}:以1结尾的倒序计数,先遍历元素个数,然后倒序计数。
forloop.first:第一个为True,其余为Flase。
forloop.last:最后一个为True,其余为Flase。
示例:
<tbody>
{% for created_item in created_items %}
<tr>
<td style="text-align:center;">{{created_item.item_name}}</td> <!--名称-->
<td style="text-align:center;">{{created_item.emergency_signal}}</td> <!--紧急信号-->
<td style="text-align:center;">{{ forloop.counter0 }}</td> <!--计数-->
</tr>
{% endfor %}
</tbody>
注意:第二种方法,如遇判断语句序号会跳号显示。第一种则不会。
标签:forloop,自增,created,counter,Django,计数,item,table,倒序
From: https://www.cnblogs.com/tinaLi/p/17611921.html