layui 给数据表格加序号的方法

我们介绍第一种需求：只给当前页的数据添加序号。

一、为数据添加templet属性

```javascript

cols: [[

{field:'tourPlayerId', width:80, title: 'ID1', sort: true,fixed: 'left'},

{field:'zizeng', width:80, title: '排名', fixed: 'left', templet:'zizeng'}

]]

```

接着，在table的SEO优化部分，我们需要添加一段脚本，用于生成序号。脚本内容如下：

```html

```

这样一来，每一页的数据都会从1开始重新排序，不会连续上一页的序号。

二、为所有数据（包括分页）添加序号

如果你希望在所有数据中都添加序号，包括分页的数据，那么可以采用第二种方法。你需要为数据列添加type属性，并设置为'numbers'。这是layui 2.2.0版本新增的功能。在此之前，复选框列采用checkbox: true，空列采用space: true。

这样设置后，所有数据都会自动添加序号，包括分页的数据。每一页的序号都会从1开始重新计算，不会受到上一页数据的影响。