好资源导航 » 文章资讯 » 浅谈layui数据表格判断问题(加入表单元素),设置单元格样式

浅谈layui数据表格判断问题(加入表单元素),设置单元格样式

2023-08-10 09:03:05 79

如下所示：


{{#if(d.status===1){}}
正常
{{#}else{}}
禁用
{{#}}}


layui.use(['layer','form','table'],function(){
layer=layui.layer;
vartable=layui.table;
//第一个实例
table.render({
elem:'#demo'
,url:get_menu//数据接口
,headers:{Authorization:token}
,page:false//开启分页
,cols:[[//表头
{type:'checkbox'}
,{field:'userId',title:'ID',width:80,sort:true}
,{field:'username',title:'用户名',width:150}
,{field:'email',title:'邮箱',width:250}
,{field:'mobile',title:'手机号',width:200}
,{field:'status',title:'状态',width:150,templet:'#status'}
,{field:'createTime',title:'创建时间',width:300}
,{fixed:'right',title:'操作',toolbar:'#barDemo',width:200}
]]
,parseData:function(res){
return{
"code":res.code,//解析接口状态
"msg":res.msg,//解析提示文本
"data":res.data//解析数据列表
}
}
});
});

如果是多个条件的话：


{{#if(d.status===0){}}
待审批
{{#}}}
{{#if(d.status===1){}}
审批通过
{{#}}}
{{#if(d.status===2){}}
未通过
{{#}}}

以上这篇浅谈layui数据表格判断问题(加入表单元素),设置单元格样式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

浅谈layui数据表格判断问题(加入表单元素),设置单元格样式

热门推荐

随机推荐