layui table tr根据数据修改样式

本文主要是介绍layui table tr根据数据修改样式，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

table.init('projects_order', {limit: 10000,done:function(res){console.log(res);res.data.forEach(function (item,index) {//如果是置顶，修改这行文字颜色if(item.x3 == 388611){$(".layui-table-body tbody tr[data-index='"+index+"'] td[data-field='x3']").css({'backgroundColor': "#72ff00" });}});}});
上面的验证了。下面的备用没试过

layui.use(['table', 'jquery'], function () {var table = layui.table,$ = layui.$;table.render({elem: '#list',url: "{:url('XXX/index')}", //数据接口title: '列表',toolbar: 'true',defaultToolbar: ['filter', 'print', 'exports'],page: true,loading: true,limit: 20,limits: [10, 20, 50, 100],cols: [[{type: 'checkbox', fixed: 'left'},{type:'numbers', title: '序号',width:60,fixed:'left'},{field: 'title', title: '标题'},{field: 'name', title: '分类', },{field: 'time', title: '时间', sort: true},{fixed: 'right', width: 165, align: 'center', toolbar: '#barDemo',title:'操作'}]],done:function (res) {res.data.forEach(function (item,index) {//如果是置顶，修改这行文字颜色if(item.istop == 2){$(".layui-table-body tbody tr[data-index='"+index+"']").css({'color': "#e31d3b" });}});}});});

这篇关于layui table tr根据数据修改样式的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！