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

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

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

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

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

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

2、page组件进行分页

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

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

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

打开 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“开始解决方法-LMLPHP

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

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

显示结果如下:

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

05-11 22:19