layui.table中加判断(显示|隐藏)

1、layui.table判断toolbar按钮的显示

<script type="text/html" id="barDemo">

    <a class="layui-btn layui-btn-mini" lay-event="look">查看</a>

    {{#  if(d.status ==0){ }}
        <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
    {{# }if(d.status ==1) { }}
        <a class="layui-btn layui-btn-mini" lay-event="submit">提交</a>
    {{# }if(d.status ==2) { }}
         <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
    {{#  } }}

</script>

注释：

所有时候都显示“查看”按钮；

当(d.status ==0)时“编辑”按钮显示；

当(d.status ==1）时“提交”按钮显示；

当(d.status ==2）时“删除”按钮显示；

2、layui.table中templet判断

// 第一种返回数据判断
{field:'user_role', width:8+'%', title: '所属角色',templet:function(d){
    if(d.user_role== 0)
        return '超级管理员'
    else
        return '普通管理员'
}},

// d.user_role是返回数据data 中的 user_role


// 第二种返回数据判断 可以修改样式
{field:'iswork', width:8+'%', title: '状态',templet:function(d){
    if(d.iswork== '正常')
        return '<input type="checkbox" checked="" name="open" lay-skin="switch" lay-text="正常|禁用">'
    else
        return '<input type="checkbox" name="close" lay-skin="switch" lay-text="正常|禁用">'
}},

3、layui.table中列的隐藏问题

需要隐藏的列通过加css样式来控制隐藏，但是对该列的标题不起作用（不推荐）。

{field: 'data_xh', title: 'ID', width: 50, style:'display:none;'}

在done函数中设置该列样式display为none（可用）。

cols:[
	[{field : 'unitId', width : 80, title : '单位ID', hide : true }],
    [{field : 'isPayable', width : 80, title : '是否支付', hide : true }]
],done:function(){
    // 装换对应提示语
    $("[data-field='isPayable']").children().each(function(){
        
        if($(this).text()=='1'){
           
            $(this).text("是");

        }else if($(this).text()=='2'){
            
            $(this).text("否");

        }

    });

	// 隐藏列（根据情况判断）
	$(".layui-table-box").find("[data-field='unitId']").css("display","none");   
}

在表格列中加入 hide属性hide : false（可用）。

{field : 'unitId', width : 80, title : '单位ID ', hide : false}