layui分页按钮失效解决办法

问题：分页条数没问题，但是无论点击分页按钮第一页还是第二页或者第N页，都是一次性把所有结果集返回，没有实现我们的效果

想要的结果是点击下方的分页按钮，表格能显示成上面的内容，按照页面渲染成分页的行数
如何让分页部分居中

<style type="text/css">
.layui-table-page {text-align: center;
}
</style><script>
layui.use('table', function(){var table = layui.table;//方法级渲染table.render({elem: '#instance_info', url: '/sql/mdisplay',method:'POST', cols: [[{checkbox: true, fixed: true}, {field: 'id', title: 'ID', width: 80,  fixed: true}, {field: 'ip', title: '服务器IP地址', width: 200}, {field: 'port', title: '端口号', width: 80}, {field: 'instance_name', title: '实例名称', width: 200}, {field: 'instance_status', title: '主从标识',width: 100}, {field: 'cluster_status', title: '集群标识', width: 150}, {field: 'create_time', title: '创建时间', width: 200}, {field: 'apply_user', title: '申请人', width: 80}, {field: 'create_user', title: '创建人', width: 80}]], id: 'testReload', page: true,limits: [3,5,10],limit: 10, height: 500,parseData: function(res){ var result;console.log(this);console.log(JSON.stringify(res));if(this.page.curr){result = res.data.slice(this.limit*(this.page.curr-1),this.limit*this.page.curr);}else{result=res.data.slice(0,this.limit);}return {"code": res.code, "msg": res.msg, "count": res.count, "data": result};}});var $ = layui.$, active = {reload: function(){var input1 = $("input[name='pk']");var input2 = $("input[name='ip']");var input3 = $("input[name='insname']");//执行重载table.reload('testReload', {page: {curr: 1 //重新从第 1 页开始},where: {key: {id: input1.val(),ip: input2.val(),insname: input3.val()}}}, 'data');}};$('.demoTable .layui-btn').on('click', function(){var type = $(this).data('type');active[type] ? active[type].call(this) : '';});
});
</script>

附上json字符串

{
code: 0,
msg: "",
count: 34,
data: [
{
id: 1,
ip: "192.168.56.101",
port: "3307",
instance_name: "健康大生活集群-1",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-03 02:29:23",
apply_user: null,
create_user: null,
},
{
id: 2,
ip: "192.168.56.102",
port: "3307",
instance_name: "健康大生活集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 02:29:23",
apply_user: null,
create_user: null,
},
{
id: 3,
ip: "192.168.56.103",
port: "3307",
instance_name: "健康大生活集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 02:29:23",
apply_user: null,
create_user: null,
},
{
id: 4,
ip: "192.168.56.103",
port: "3308",
instance_name: "健康大生活-1",
instance_status: "主",
cluster_status: "单机",
create_time: "2021-03-03 02:30:50",
apply_user: null,
create_user: null,
},
{
id: 5,
ip: "192.168.56.102",
port: "3309",
instance_name: "亢龙有悔集群-1",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-03 09:19:59",
apply_user: null,
create_user: null,
},
{
id: 6,
ip: "192.168.56.101",
port: "3309",
instance_name: "亢龙有悔集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 09:19:59",
apply_user: null,
create_user: null,
},
{
id: 7,
ip: "192.168.56.103",
port: "3309",
instance_name: "亢龙有悔集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 09:19:59",
apply_user: null,
create_user: null,
},
{
id: 8,
ip: "192.168.56.101",
port: "3310",
instance_name: "亢龙有悔集群-2",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-03 09:22:35",
apply_user: null,
create_user: null,
},
{
id: 9,
ip: "192.168.56.102",
port: "3310",
instance_name: "亢龙有悔集群-2",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 09:22:35",
apply_user: null,
create_user: null,
},
{
id: 10,
ip: "192.168.56.103",
port: "3310",
instance_name: "亢龙有悔集群-2",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 09:22:35",
apply_user: null,
create_user: null,
},
{
id: 11,
ip: "192.168.56.103",
port: "3311",
instance_name: "亢龙有悔集群-3",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-03 17:30:10",
apply_user: null,
create_user: null,
},
{
id: 12,
ip: "192.168.56.102",
port: "3311",
instance_name: "亢龙有悔集群-3",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 17:30:10",
apply_user: null,
create_user: null,
},
{
id: 13,
ip: "192.168.56.101",
port: "3311",
instance_name: "亢龙有悔集群-3",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-03 17:30:10",
apply_user: null,
create_user: null,
},
{
id: 14,
ip: "192.168.56.101",
port: "3312",
instance_name: "天龙八部集群-1",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:08:08",
apply_user: null,
create_user: null,
},
{
id: 15,
ip: "192.168.56.102",
port: "3312",
instance_name: "天龙八部集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:08:08",
apply_user: null,
create_user: null,
},
{
id: 16,
ip: "192.168.56.103",
port: "3312",
instance_name: "天龙八部集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:08:08",
apply_user: null,
create_user: null,
},
{
id: 17,
ip: "192.168.56.101",
port: "3313",
instance_name: "天龙八部集群-2",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:10:16",
apply_user: null,
create_user: null,
},
{
id: 18,
ip: "192.168.56.102",
port: "3313",
instance_name: "天龙八部集群-2",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:10:16",
apply_user: null,
create_user: null,
},
{
id: 19,
ip: "192.168.56.103",
port: "3313",
instance_name: "天龙八部集群-2",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:10:16",
apply_user: null,
create_user: null,
},
{
id: 20,
ip: "192.168.56.101",
port: "3314",
instance_name: "天龙八部集群-3",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:12:19",
apply_user: null,
create_user: null,
},
{
id: 21,
ip: "192.168.56.102",
port: "3314",
instance_name: "天龙八部集群-3",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:12:19",
apply_user: null,
create_user: null,
},
{
id: 22,
ip: "192.168.56.103",
port: "3314",
instance_name: "天龙八部集群-3",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:12:19",
apply_user: null,
create_user: null,
},
{
id: 23,
ip: "192.168.56.101",
port: "3315",
instance_name: "笑傲江旭集群-1",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:16:30",
apply_user: null,
create_user: null,
},
{
id: 24,
ip: "192.168.56.102",
port: "3315",
instance_name: "笑傲江旭集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:16:30",
apply_user: null,
create_user: null,
},
{
id: 25,
ip: "192.168.56.103",
port: "3315",
instance_name: "笑傲江旭集群-1",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:16:30",
apply_user: null,
create_user: null,
},
{
id: 26,
ip: "192.168.56.101",
port: "3316",
instance_name: "笑傲江旭集群-2",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:19:32",
apply_user: null,
create_user: null,
},
{
id: 27,
ip: "192.168.56.102",
port: "3316",
instance_name: "笑傲江旭集群-2",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:19:32",
apply_user: null,
create_user: null,
},
{
id: 28,
ip: "192.168.56.103",
port: "3316",
instance_name: "笑傲江旭集群-2",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:19:32",
apply_user: null,
create_user: null,
},
{
id: 29,
ip: "192.168.56.101",
port: "3317",
instance_name: "笑傲江旭集群-4",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:21:39",
apply_user: null,
create_user: null,
},
{
id: 30,
ip: "192.168.56.102",
port: "3317",
instance_name: "笑傲江旭集群-4",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:21:39",
apply_user: null,
create_user: null,
},
{
id: 31,
ip: "192.168.56.103",
port: "3317",
instance_name: "笑傲江旭集群-4",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:21:39",
apply_user: null,
create_user: null,
},
{
id: 32,
ip: "192.168.56.101",
port: "3318",
instance_name: "笑傲江旭集群-5",
instance_status: "主",
cluster_status: "集群",
create_time: "2021-03-04 10:23:06",
apply_user: null,
create_user: null,
},
{
id: 33,
ip: "192.168.56.102",
port: "3318",
instance_name: "笑傲江旭集群-5",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:23:06",
apply_user: null,
create_user: null,
},
{
id: 34,
ip: "192.168.56.103",
port: "3318",
instance_name: "笑傲江旭集群-5",
instance_status: "从",
cluster_status: "集群",
create_time: "2021-03-04 10:23:06",
apply_user: null,
create_user: null,
},
],

layui分页按钮失效解决办法相关推荐

  1. oracle em 界面乱码,oracle em 按钮乱码解决办法及em网页变成英文

    oracle em 按钮乱码解决办法及em网页变成英文以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 一 oracle ...

  2. oracle em 按钮乱码解决办法

    一.oracle em中按钮乱码解决办法: 1.修改jdk 下面的字体. [oracle@esop db_1]$ cd $ORACLE_HOME/jdk/jre/lib/ [oracle@esop l ...

  3. Matlab2012b licence失效解决办法

    2017年11月11日是一个悲伤的日子,Matlab2012b自带的crack破解文件竟然失效了,打开文件,可以清楚的看到,有效日期截止到"11-nov-2017"! 网上找到的解 ...

  4. 微信小程序 border设置单边框失效解决办法

    微信小程序 border设置单边框失效解决办法 遇到的问题 解决的方法 总结 遇到的问题 border-right: 1 rpx solid #ccc;border-bottom: 1 rpx sol ...

  5. Vue下 touchstart touchend 事件无效失效解决办法

    Vue下 touchstart touchend 事件无效失效解决办法 <van-button:disabled="isLoading"plaintype="inf ...

  6. Layui表单验证失效解决办法

    出现layui表单提交时没有进行验证的情况解决办法 <div class="layui-input-inline" style="width: 150px;&quo ...

  7. Win系统复制粘贴失效解决办法

    问题描述:Win系统下复制粘贴失效,表现为复制了,但是粘贴却失败,无论是快捷键还是右键菜单.可能复制事件捕捉失败,所以粘贴下去就不是新复制的内容而是之前复制的内容! 解决办法:重新注册以下DLL文件. ...

  8. eclipse自动补全失效解决办法

    转自http://blog.csdn.net/rodjohnsondoctor/article/details/25099693 原因是自动补全需要在java选项中设置 java的property. ...

  9. 使用了css3动画的元素z-index失效解决办法

    今天遇到了使用css3动画的元素层级被放大置顶的问题,ios浏览器上没问题,安卓原生浏览器和安卓微信上有问题. 使用了css3动画的元素z-index失效,兄弟元素设置多高的z-index都盖不住 解 ...

最新文章

  1. php动态修改配置文件
  2. 第6次cplus实验
  3. eps倾斜摄影矢量化采集毕业设计_eps倾斜摄影矢量化dlg采集
  4. Linux实战 | 搭建Linux（CentOS6.8版）_1
  5. python斐波那契数列函数,python—函数进阶-斐波那契数列
  6. netbeasn支持php7吗,php7+nginx+netbeans使用debug配置注意
  7. 破解软件下载网站100个
  8. IT黑马成长之CSDN第一篇博客
  9. ASP.net开发环境配置说明手册
  10. 单商户商城系统功能讲解02管理后台端—首页
  11. 读了本书《3000美金，我周游了世界》
  12. 鸿蒙判后而成意思,花果山就藏有长生不老之物，老猴王咋不说实情反让悟空出海求仙？...
  13. 微软的MSR paraphrase数据集
  14. linux下tar.bz2文件的 解压缩方法
  15. Python3中pass语句介绍
  16. 淘宝/天猫获取sku详细信息 API 返回值说明
  17. python 屏幕找图 点击,使用Python脚本在windows屏幕找图
  18. 关于“拜占庭将军算法”byzantine generals problem
  19. 带设计师去选材料_能不能叫找设计师，材料自己买，装修师傅自己叫。
  20. 《Kafka权威指南》记录

热门文章

  1. 王者荣耀崩溃解决记录
  2. NBA English
  3. c++ primer 第五版 翻译 第三章
  4. HTML特别章节：HTML快捷键、快捷口令（持续更新）
  5. 设置电子围栏 高德地图_地理围栏-辅助功能-开发指南-iOS 定位SDK | 高德地图API...
  6. Echart常用折线图
  7. eclipse代码提示，高亮相同变量颜色设置
  8. Mac技巧：如何使用iMessage 中“与你共享”功能
  9. 超级试题助手一键更改题目顺序和选项顺序
  10. DAZ STUDIO 的Iray Ghost Light Kit套装