欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

layui table 分页 序号始终从”1“开始解决方法

程序员文章站 2022-03-21 17:41:44
在用Layui table 分页显示数据,用 type:"numbers" 进行显示序号有以下的问题 1、表格自带的分页,page:true 这种分页,在切换页面的时候序号可以正常进行增加显示,代码如下: 显示效果,第二页的起始序号不是1 2、page组件进行分页 这种分页,在切换页面的时候序号一种 ......

在用layui table 分页显示数据,用 type:"numbers" 进行显示序号有以下的问题

1、表格自带的分页,page:true

     这种分页,在切换页面的时候序号可以正常进行增加显示,代码如下:

    layui table 分页 序号始终从”1“开始解决方法

    显示效果,第二页的起始序号不是1

    layui table 分页 序号始终从”1“开始解决方法

2、page组件进行分页

    这种分页,在切换页面的时候序号一种以"1"开始,也就是序号一直变,如下,第二页的序号也是以“1”开头

    layui table 分页 序号始终从”1“开始解决方法

    这种情况下,可以修改原码:

    打开 layui.all.js ,找到 g=a+s.limit*(n-1)+1; 在这个后面加上如下的代码 var ggg=a+s.limit*((cur_page||n)-1)+1;,其中cur_page是自定义的当前页码,

    找到:case"numbers":return g,把g改成ggg;保存退出,最终显示结果如下

    layui table 分页 序号始终从”1“开始解决方法

    还有一个方法,可以把type:numbers改成正常的field显示方法,如下:(其中glb_page是当前页面自定义的页码及分页记录数)

    layui table 分页 序号始终从”1“开始解决方法

    显示结果如下:

    layui table 分页 序号始终从”1“开始解决方法