首页 > 其他分享 >Django 模板table 自增序号列

Django 模板table 自增序号列

时间:2023-08-07 17:11:06浏览次数:34  
标签:forloop 自增 created counter Django 计数 item table 倒序

第一种方法:
<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

相关文章

  • django模板使用的总结
    一、静态资源的引入方式1.在项目根目录下创建static文件夹。2.settings.py中配置环境变量,方便程序可以识别此路径。要在STATIC_URL='/static/'下边添加下面代码STATICFILES_DIRS=[os.path.join(BASE_DIR,'static'),]或STATICFILES_DIRS=os.path.join(BAS......
  • Linux:防火墙iptables与firewalld的启停
    Linux关闭防火墙firewall和iptables命令_永久关闭iptables防火墙_红烧柯基的博客-CSDN博客Linux防火墙——iptables以及firewalld的使用介绍_树下一少年的博客-CSDN博客干货!Linux防火墙配置(iptables和firewalld)_数据包_规则_进行 iptables与firewalld1、状态syste......
  • Python基础day61 Django choices参数和Ajax技术简介
    choices参数的使用choices是ORM中常用字段的参数作用:类似于一些字段:性别、学历、客户来源、是否上学、是否结婚等有限较少选择的字段我们在表中存储的时候一般使用choices参数,用数字替代文字。案例classCustomer(models.Model):"""客户表"""qq=m......
  • Django博客开发教程:创建项目
    我们对需求和数据库都进行分析了之后,我们就开始来创建我们的项目。教程是在windows10操作系统下,用的Python3.6和django2.1.1,开发工具为pycharm。打开我们的Pycharm,新建一个项目。说明:1为项目保存路径,myblog为项目名。2为选择使用的虚拟环境软件,这里选virtualenv。3为虚拟环境......
  • 1、Django博客开发教程:开发前的准备
    开发前的准备:1、安装好Python环境。Python3安装详细步骤2、安装好virtualenv虚拟环境。virtualenv虚拟环境安装方法3、安装好Pycharm开发工具。 ......
  • Django-4.2博客开发教程:数据库操作-页面动态展示数据库中的数据(十)
    1、数据准备工作首先增加2篇文章用于展示数据。 我用的mysql数据库,使用pycharm的DBBrowser进行数据查询。双击blog库下面对应的文章表,则显示当前数据。 2、查询数据并动态展示models.py里的类就是一个模板,在views.py引入并实例化。即将值查询出来并赋值到一个对象,在页......
  • el-table 子级选中父级勾选 子级无一选中父级取消勾选
     //选中子级父级也选中      if(row.parentId!=0){          letparent=this.archiveTypeList.find((x=>x.id===row.parentId));          this.$refs.multipleTable.toggleRowSelection(parent,true);    ......
  • django之manage.py migrate无效的问题
    问题已有的model,迁移之后,想重新设置字段,于是将migrations文件夹中除__init__.py之外其他文件都删掉,并且把数据库中的表删除,再次执行以下步骤pythonmanage.pymakemigrations确认成功,执行pythonmanage.pymigrate,提示Nomigrationstoapply.无法对表模型进行更改。解决方案p......
  • PostgreSQL-unlogged table
    PostgreSQL中,有一种表的类型为unloggedtable,该种类型的表不会写入wal日志中,所以在写入的速度上比普通的堆表快很多,但是该表在数据库崩溃的时候,会被truncate,数据会丢失,而且该表也不支持流复制,所以在standby节点是无法查到该表数据的。在该表上创建的索引也是unlogged索引。创建un......
  • Java8 高级功能CompletableFuture
    CompletableFuture功能测试CompletableFuture类实现了CompletionStage和Future接口。Future是Java5添加的类,用来描述一个异步计算的结果,但是获取一个结果时方法较少,要么通过轮询isDone,确认完成后,调用get()获取值,要么调用get()设置一个超时时间。但是这个get()方法会阻塞住调用......