其他分享
首页 > 其他分享> > 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" });}});}});});

标签:function,index,title,layui,tr,res,table
来源: https://www.cnblogs.com/weiyiyong/p/16648353.html