22, 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>

20180611210419569 (1).png

2,第二种方法,包括分页的数据也加上序号
加上type属性,

20180611210504131.png

设定列类型。可选值有:normal(常规列,无需设定)、checkbox(复选框列)、space(空列)、numbers(序号列)。注意:该参数为 layui 2.2.0 新增。而如果是之前的版本,复选框列采用 checkbox: true、空列采用 space: true
所以你这里只需要用到type:'numbers'就可以了,

20180611210419569.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,097评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,816评论 1 45
  • 常用快捷键简单记忆方法 今天学习的快捷键太多。我自己思考了一下,常用快捷键的简单记...
    乞力马扎罗snow阅读 348评论 0 0
  • 我是一位两个孩子的妈妈,过着“一胎照书养,二胎照猪养”的生活,所以大宝在出生之后,就成功的成为了我做为新手妈妈的实...
    皓月呓语阅读 342评论 0 3
  • 寻找客户关键人,找到关键人物我们做事能够事半功倍,但是找错了,做错了那么我们就算是跑断腿,也是很难达到目标。 故事...
    时代小强阅读 324评论 4 0