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的下面加上
<script type="text/html" id="zizeng">
{{d.LAY_TABLE_INDEX 1}}
</script>
这样的话 下一页里面的排序不会连着上一页的,只会重新从1开始排序
2、第二种方法,包括分页的数据也加上序号
加上type属性,
设定列类型。可选值有:normal(常规列,无需设定)、 checkbox (复选框列)、 space (空列)、 numbers (序号列)。 注意:该参数为 layui 2.2.0 新增 。而如果是之前的版本,复选框列采用 checkbox: true、空列采用 space: true
所以你这里只需要用到type:'numbers'就可以了,
效果如下:
本篇文章来至:学新通
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通
- 本文地址: https://www.swvq.com/boutique/detail/tanfbhjc
- 联系方式: luke.wu#vfv.cc
系列文章
更多
同类精品
更多
精彩评论
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word只能打字母不能打汉字怎么办
PHP中文网 06-28 -
pr做好的序列不见了怎么办
PHP中文网 05-12 -
微信小程序没声音怎么办
PHP中文网 06-15 -
word表格总是自动分成两个怎么办
PHP中文网 06-20 -
手机怎样打开html文件
PHP中文网 05-20 -
word自动生成的目录左边对不齐怎么办
PHP中文网 06-20 -
word表格分成了上下两块怎么办
PHP中文网 06-17 -
怎样阻止微信小程序自动打开
PHP中文网 06-13