layui table組件在表格渲染完之後的回調中改變指定行的背景顏色的實現方法

我的需求如標題所述,在表格渲染完成後要根據某個字段的值,改變行的背景色,以達到凸顯的目的。layui 沒有這個功能的官方實現,需要自己實現,如果頁面中只有一個table,那按照下面的方法用jquery遍歷每一行就可以實現,如果有多個table,那就要加上table的id值

		done: function(res, curr, count){
			$.each(res.data, function(i, val) {
		          if(val.result != '正確') {		//此處寫你自己的判斷條件        	  
		        		  $('tr[data-index="' + i + '"]').addClass('colorrow');		        	 	            
		          }
		        });
		}

上面的類名colorrow需要在css中定義好

<style type="text/css">
.colorrow {background-color: yellow}
</style>

完!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章