分享主题:linux,nginx,php,mysql

layui表格分页不显示下拉框,layui table分页隐藏下拉框方法

javascript adminqaz 180℃ 0评论 现在加入小程序俱乐部QQ群:483987340

免费下载大秦视频付费系统,快速打造你的内容付费系统,让视频持续为你赚钱,现在免费试用30天,猛击这里查看使用教程

layui table数据表格的分页,
默认是有一个下拉框,
让你选择每页显示的条数。

有时我们在用layui table开发时,
并不想要这个下拉框,
应该怎么把它隐藏呢?

layui table隐藏下拉框

其实也非常简单,
就是在layui table的done里,
隐藏就行,
关键js代码如下:

<script>
    layui.use('table', function(){
      var table = layui.table;
      
      // 渲染layui table 表格
      table.render({
          // ...
        elem: '#demo'
        ,url: '/qinziheng/news/'
        ,page: true
          // ...
        ,done: function(res, curr, count){
                $('.layui-laypage-limits').hide();
        }
      })
    })
<script>

其中 $(‘.layui-laypage-limits’).hide();
实现了隐藏table下拉框功能。

猛击这里
观看子恒老师《微信小程序开发》系列视频
了解实现过程和下载相关源代码

免费下载大秦视频付费系统,快速打造你的内容付费系统,让视频持续为你赚钱,现在免费试用30天,猛击这里查看使用教程

秦子恒公众号
大秦视频付费系统

来源:秦子恒博客,欢迎转载分享,请保留出处

layui表格分页不显示下拉框,layui table分页隐藏下拉框方法链接:https://www.qinziheng.com/javascript/8193.htm

现在就加入微信开发QQ群2:483987340,跟同行探讨微信公众平台开发。群满就关闭,你得等到下一个群开通才能加入……

喜欢 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址