layui表格分页不生效的解决方法

这篇文章主要介绍了layui表格分页不生效的解决方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

layui表格分页不生效的解决办法:首先打开相应的代码文件,然后动态添加代码为“dom var=$ (“& lt; div id=& # 39; showalladdableavms& # 39;风格=& # 39;显示:没有,宽度:100% & # 39;在“即可。

"即可。

<强> layui之层打开表后分页无效的解决方法

1。原代码:

& lt; body> 　　& lt; div id=皊howalladdableavms"类型=跋允?没有,宽度:“100%;比; 　　& lt;表id=癲emo"lay-filter=皌est"祝辞& lt;/table> 　　& lt;/div>——比; 　　& lt;/body> 　　& lt; script> 　　filldata(表,“# demo",“getDateForUserJurisdiction.gds"); 　　layer.open ({ 　　类型:1、 　　标题:“添加机器“, 　　最大最小:没错, 　　面积:[“100%“,“100%“), 　　btn:(“确认添加“), 　　内容:$ (“# showalladdableavms") . html (), 　　成功:函数(layero) { 　　var btn=layero.find (& # 39; .layui-layer-btn& # 39;); 　　btn.css({& # 39;位置# 39;:& # 39;相对# 39;,& # 39;顶部# 39;:“-93%”,“text-align":“left",“left":“8%”;}); 　　}, 　　btn1:函数(指数、layero) {//控制台。日志(layero、索引); 　　var res=getoperavms(& # 39;演示# 39;); 　　console.dir (res) 　　} 　　}）; 　　函数filldata(表、id url) { 　　table.render ({ 　　elem: id、 　　高度:“560”; 　　url: url//数据接口 　　方法:& # 39;文章# 39; 　　cellMinWidth: 80//全局定义常规单元格的最小宽度,layui 2.2.1新增 　　,页面:真正的/*{//支持传入laypage组件的所有参数(某些参数除外,如:跳/elem)——详见文档 　　第一:真//显示首页 　　最后:真正的//显示尾页 　　} */,限制(10年,20年,30): 　　限制:10 　　要求:{ 　　pageName: & # 39;页面# 39;//页码的参数名称,默认:页面 　　} 　　关口:[[//表头 　　{复选框:真} 　　,{字段:& # 39;id # 39;,标题:& # 39;id # 39;,宽度:80年:真正的} 　　,{字段:& # 39;avm # 39;,标题:& # 39;机器编号& # 39;,宽度:80} 　　,{字段:& # 39;公司# 39;,标题:& # 39;公司名称& # 39;,宽度:80} 　　,{字段:& # 39;区域# 39;,标题:& # 39;区域& # 39;,宽度:80年:真正的} 　　,{字段:& # 39;电路# 39;,标题:& # 39;线路& # 39;,宽度:80} 　　,{字段:& # 39;位置# 39;,标题:& # 39;位置& # 39;,宽度:177} 　　,{字段:& # 39;goodsxml& # 39;,标题:& # 39;商品库& # 39;,宽度:80年:真正的} 　　 　　]] 　　,地点:{//传值startDate可以:startDate可以, 　　allavm: & # 39;是的# 39; 　　} 　　响应:{//statusName: & # 39;代码# 39;//数据状态的字段名称,默认:代码//statusCode: 200//成功的状态码,默认:0//msgName: & # 39;消息# 39;//状态信息的字段名称,默认:味精 　　countName: & # 39;总# 39;//数据总数的字段名称,默认:计数 　　dataName: & # 39;行# 39;//数据列表的字段名称,默认:数据 　　}/*做:函数(){ 　　layer.open ({ 　　类型:1、 　　最大最小:没错, 　　面积:[“800 px",“600 px"], 　　内容:$ (“# showalladdableavms") 　　}）; 　　} */}）; 　　} 　　& lt;/script>

2。现象:分页,选择框等无法操作,查了查说是html()得到的会丢失dom对象的事件,如果直接用dom会出现一只无法展示dom内容的问题。

3。解决:动态添加:

=$ var dom (“& lt; div id=& # 39; showalladdableavms& # 39;风格=& # 39;显示:没有,宽度:100% & # 39;祝辞& lt;表id=& # 39;演示# 39;lay-filter=& # 39;测试# 39;祝辞& lt;/table> & lt;/div>“); 　　美元(& # 39;身体# 39;).append (dom)

这种方式可以很好的解决写死在页面里的dom对象打开时不展示,暗灰色调的问题,同时,dom对象的事件也得到了支持,完美

感谢你能够认真阅读完这篇文章,希望小编分享layui表格分页不生效的解决方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

layui表格分页不生效的解决方法