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列宽百分比显示的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。