快捷搜索:  汽车  科技

layui表格展示全部数据:layuitable分页

layui表格展示全部数据:layuitable分页显示结果如下:还有一个方法,可以把type:numbers改成正常的field显示方法,如下:(其中GLB_PAGE是当前页面自定义的页码及分页记录数)这种情况下,可以修改原码:打开 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 分页显示数据,用 type:"numbers" 进行显示序号有以下的问题

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

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

layui表格展示全部数据:layuitable分页(1)

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

layui表格展示全部数据:layuitable分页(2)

2、page组件进行分页

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

layui表格展示全部数据:layuitable分页(3)

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

打开 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表格展示全部数据:layuitable分页(4)

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

layui表格展示全部数据:layuitable分页(5)

显示结果如下:

layui表格展示全部数据:layuitable分页(6)

猜您喜欢: