巧妙解决Layui.table组件分页问题示例

 更新时间:2023年09月19日 09:05:42   作者:秋刀鱼Bin  
这篇文章主要为大家介绍了巧妙解决Layui.table组件分页问题方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

引言

这段时间用了Layui,用table组件的时候遇到了一个问题,在这边分享记录下。

熟悉这个框架的小伙伴应该知道原始的分页是?page=1&limit=10这样的,page代表分页,limit代表每页显示的条数。

然而!!后端要求格式是?offset=0&limit=10,看了下官网文档,社区以及搜索了下并没有找到相关资料。

没办法,只能默默搜源码去了。

经过一番的搜索,终于找到了答案。

修改pagename

首先前面的把pagename改下就好,

table.render({
    elem: '#table'
    ,url:url
    ,request: {
        pageName: 'offset'
    }
    ,cols: []
    ,page: true
});

table.js修改

后面的需要打开【table.js】并找到这个改成r[l.pageName] = e(此处自定义哈哈,我还拿出笔计算了,有种学数学的感觉,因为我是0/10/20的,所以此处为e*10-10),如下图:

好了,请求下试试看。

OK,没毛病,大功告成!

以上就是巧妙解决Layui.table组件分页问题示例的详细内容,更多关于Layui.table组件分页的资料请关注脚本之家其它相关文章!

相关文章

  • uniapp中获取dom元素的方法及更改dom元素颜色踩坑记录

    uniapp中获取dom元素的方法及更改dom元素颜色踩坑记录

    最近学到了一个比较好用的框架uni-app,可以做六端适配,学习一下,下面这篇文章主要给大家介绍了关于uniapp中获取dom元素的方法及更改dom元素颜色踩坑记录的相关资料,需要的朋友可以参考下
    2023-03-03
  • 微信小程序sessionid不一致问题解决

    微信小程序sessionid不一致问题解决

    这篇文章主要介绍了微信小程序sessionid不一致问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • 微信小程序实现固定表头、列表格组件

    微信小程序实现固定表头、列表格组件

    这篇文章主要介绍了微信小程序实现固定表头、列表格组件的相关资料,这个功能在我们进行小程序开发的时候非常实用,文章通过示例代码介绍的非常详细,需要的朋友可以参考下
    2021-07-07
  • JavaScript连接组件实现打印功能

    JavaScript连接组件实现打印功能

    这篇文章主要为大家详细介绍了JavaScript如何连接连接抖音打印组件实现打印小票功能,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下
    2024-04-04
  • JavaScript中的Truthy和Falsy介绍

    JavaScript中的Truthy和Falsy介绍

    这篇文章主要介绍了JavaScript中的Truthy和Falsy介绍,JavaScript中存在Truthy值和Falsy值的概念,本文讲解了它的相关概念,需要的朋友可以参考下
    2015-01-01
  • JavaScript 获取当前日期时间 年月日 时分秒的方法

    JavaScript 获取当前日期时间 年月日 时分秒的方法

    这篇文章主要介绍了JavaScript 获取当前日期时间年月日时分秒的方法,通过案例代码介绍了获取当前日期方法,代码简单易懂,需要的朋友可以参考下
    2023-10-10
  • JS中BroadcastChannel实现浏览器标签页通信

    JS中BroadcastChannel实现浏览器标签页通信

    浏览器标签页通信常用于列表页进入详情页所进行的标签页间通信的情况,实际使用例如博客页面的列表和文章编辑页面、音乐网站的列表和音乐播放详情等,本文就来详细的介绍一下BroadcastChannel实现浏览器标签页通信,感兴趣的可以了解一下
    2025-10-10
  • JavaScript中自定义事件用法分析

    JavaScript中自定义事件用法分析

    这篇文章主要介绍了JavaScript中自定义事件用法,较为详细的分析了自定义事件的原理与具体用法,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • 浅谈webpack devtool里的7种SourceMap模式

    浅谈webpack devtool里的7种SourceMap模式

    这篇文章主要介绍了浅谈webpack devtool里的7种SourceMap模式,主要介绍了这7种模式的使用和打包编译后的结果的不同,非常具有实用价值,有兴趣的可以了解一下
    2019-01-01
  • JavaScript获取客户端IP的方法(新方法)

    JavaScript获取客户端IP的方法(新方法)

    这篇文章主要介绍了JavaScript获取客户端IP的方法(新方法)的相关资料,需要的朋友可以参考下
    2016-03-03

最新评论