layui table序号自增
时间: 2023-11-26 10:47:57 浏览: 211
可以使用Layui表格的序号自增功能来实现。在表格的HTML代码中,可以添加一个id为index的script标签,然后在表格的laytpl模板中使用{{d.LAY_TABLE_INDEX+1}}来获取序号。具体实现步骤如下:
1.在表格的HTML代码中添加id为index的script标签,代码如下:
```html
<script type="text/html" id="index">{{d.LAY_TABLE_INDEX+1}}</script>
```
2.在表格的laytpl模板中使用{{d.LAY_TABLE_INDEX+1}}来获取序号,代码如下:
```javascript
<table class="layui-table" id="listTable" lay-filter="test" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th lay-data="{type:'numbers', fixed: 'left', width:80}">序号</th>
<th lay-data="{field:'name', width:150}">姓名</th>
<th lay-data="{field:'age', width:80}">年龄</th>
<th lay-data="{field:'city', width:150}">城市</th>
</tr>
</thead>
<tbody lay-filter="test">
{{# layui.each(d.data, function(index, item){ }}
<tr>
<td>{{# if(item.id){ }}{{ item.id }}{{# }else{ }}{{# } }}</td>
<td>{{ item.name }}</td>
<td>{{ item.age }}</td>
<td>{{ item.city }}</td>
</tr>
{{# }); }}
</tbody>
</table>
```
在上面的代码中,序号列使用了Layui表格的numbers类型,并设置了固定宽度为80。在表格的laytpl模板中,使用{{d.LAY_TABLE_INDEX+1}}来获取序号,并将其放在序号列中。
阅读全文