layuiTable根据返回的JSON内容改变指定行的颜色

最新推荐文章于 2025-09-11 02:17:56 发布

原创最新推荐文章于 2025-09-11 02:17:56 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Layui

JavaScript 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种使用table.render方法渲染表格数据的方法，并通过后端返回的JSON数据动态更新表格中特定行的字体颜色。此过程涉及了jQuery的选择器和css方法的应用，实现了基于数据状态的视图样式调整。

table.render({
		...
		...
		...
       done: function (response) {
       
       //定位当前table视图
       var tableView = this.elem.next();

		//response.data获取后端返回的JSON格式数据
       $.each(response.data,function (index,item) {

			//逻辑判断
           if(item.status == "1"){
				//改变TR标签内字体颜色
               tableView.find('tbody tr[data-index="'+ index +'"]').css('color','#01AAED');
           }
       })

   	}
})

效果图