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 == "1") {
return '<span style="color: #3CB371;">审核完成</span>'
} else if (row.reportstatus == "2") {
return '<span class="dl_authfail">审核失败</span>'
} else if (row.reportstatus == "3") {
return '<span style="color: #00CED1;">上报完成</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。データテーブルのレンダリングが完了したら、設定スタイル$( "。dl_authfail")。parent()。parent()。parent()。cssを追加します。 ( "背景"、 "#f40c0775");