layui 数据表格 行 设置样式

1,效果图:

在这里插入图片描述

2,分析

要求

将上报状态为审核失败的标红

jsp样式代码:

在这里插入图片描述
分析:

我只需要从<span 标签开始,到<tr 标签结束

层级:

<table>
	<tr>
		<td>
			<div>
				<span>

3,代码:


{field: 'reportstatus',
	                    title: '审核状态',
	                    width: 100,
	                    align: 'left',
	                    halign: 'center',
	                    sort: true, filter: true,
	                    templet: function (row) {
	                        if (row.reportstatus == "0") {
	                            return  '<span style="color: #409EFF;">待审核</span>'
	                        }  else if (row.reportstatus == "2") {
	                            return  '<span class="dl_authfail">审核失败</span>'
	                        } else if (row.reportstatus == "4") {
	                            return  '<span style="color: #808080;">临时保存</span>'
	                        }
	                    }
	                },
    done: function (res, curr, count) {
    layui.soulTable.render(this)
    $(".dl_authfail").parent().parent().parent().css("background","#f40c0775");
 }


注意:

1,在数据表格中,要设置一个类样式 class=“dl_authfail”
2,在done渲染数据表格的时候,将设置的样式加上
$(".dl_authfail").parent().parent().parent().css(“background”,"#f40c0775");

4,知识总结:

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值