layui table 列宽百分比显示的实现方法
废话不多说了,为大家分享一下layui实现table列宽百分比显示的实例代码,希望对大家有所帮助吧
varlayer=layui.layer,form=layui.form,table=layui.table; var$=layui.$; /*selectgysmc,zyzw,xm,sjhm,bgshm,emilyx, zgsrgzwsj,zggsgl,cast(gysxxidasint)asgysxxid,pc, gysryxxMdataIDasID,sjbsfromgysryxxMdata*/ vartableInit=table.render({ elem:'#tbgysplay' ,method:'post' ,data:jsonData ,height:"auto" ,id:"tbgysplay" ,text:{none:'暂无相关数据'} ,toolbar:"#toolbarplan" ,cols:[[ {type:"checkbox",fixed:"left",width:50} ,{ field:"number",title:"序号",width:'5%',align:"left",templet:function(data){ returndata.LAY_INDEX } } ,{field:"ID",title:"ID",align:"left",hide:true} ,{field:"action",title:"action",align:"left",hide:true} ,{field:"sjbs",title:"sjbs",align:"left",hide:true} ,{field:"供应商名称",title:"供应商名称",width:'20%',align:"left"} ,{field:"主要产品类型",title:"主要产品类型",width:'20%',align:'left'} ,{field:"所在省份",title:"所在省份",width:'15%',align:'left'} ,{ field:"PSA计划时间",title:"PSA计划时间",width:'20%',align:'left',edit:'select', templet:function(d){ return''; } } ,{field:"PSA计划负责人",title:"PSA计划负责人",width:'20%',align:'left',edit:'text'} ]] ,done:function(){//当数据渲染完后,执行的回调 //日期控件 $(".layui-input-date").each(function(i){ layui.laydate.render({ elem:this, format:"yyyy-MM-dd", done:function(value,date){ if(res&&res.data[i]){ $.extend(res.data[i],{'rzrq':value}) } } }); }); layer.closeAll(); } }); //双击编辑行 table.on('edit(tbgysplay)',function(obj){ //检验格式电话办公室电话邮箱 });
以上这篇layuitable列宽百分比显示的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。