スタイルを見つけて設定するjQueryデータテーブルの親ノード

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");

4.知識の要約:

ここに写真の説明を挿入

おすすめ

転載: blog.csdn.net/qq_36636312/article/details/110822496