layui向数据表添加序列号

具体方法如下：

1、第一种需求只在当前页面添加序号

(1)添加你的数据 templet属性

,cols: [[    {field:'tourPlayerId', width:80, title: 'ID1', sort: true,fixed: 'left',}    ,{field:'zizeng', width:80, title: '排名',fixed: 'left',templet:'#zizeng'}

(2)在table下加入

这样的话 下一页的排序不会与上一页相连，只会从1开始重新排序

2、第二种方法，包括分页数据和序号

加上type属性，

设置列类型。可选值包括：normal(常规列，无需设置)、 checkbox (复选框列)、 space （空列）、 numbers (序号)。 注：该参数为 layui 2.2.0 新增 。如果是之前的版本，则采用复选框列 checkbox: true、空列采用 space: true

所以你只需要在这里使用typepe:'numbers'就可以了，

效果如下：

layui教程

以上是通过layui向数据表添加序列号的详细内容。请关注861模板网的其他相关文章！