layui 给数据表格加序号的方法
更新时间：2018年08月20日 09:19:31 作者：熊猫大哥大
今天小编就为大家分享一篇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'就可以了，
效果如下：
以上这篇layui 给数据表格加序号的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了解决给dom元素绑定click等事件无效问题的方法。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
本篇文章主要是对javascript避免数字计算精度误差的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
这篇文章主要为大家详细介绍了OpenLayers3加载常用控件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
下面小编就为大家带来一篇Kindeditor单独调用单图上传增加预览功能的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要为大家详细介绍了JavaScript生成图形验证码的相关代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
sessionStorage存储时多窗口之前能否进行状态共享解析
这篇文章主要为大家介绍了sessionStorage存储时多窗口之前能否进行状态共享解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要介绍了js实现的四级左侧网站分类菜单,实例分析了javascript操作页面元素实现tab切换的相关技巧,需要的朋友可以参考下2015-05-05
不到200行 JavaScript 代码实现富文本编辑器的方法
这篇文章主要介绍了不到200行 JavaScript 代码实现富文本编辑器的方法,需要的朋友可以参考下2018-01-01
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
今天小编就为大家分享一篇layui 上传插件 带预览 非自动上传功能的实例(非常实用)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这个仿163网盘无刷新文件上传系统，并没有用使用.net的控件，完全的手工制作。2008-10-10
最新评论