layui 数据表格单元格颜色设置

最新推荐文章于 2024-10-25 11:02:43 发布

Aimyone

最新推荐文章于 2024-10-25 11:02:43 发布

阅读量2.8k

点赞数 3

分类专栏： layui

本文链接：https://blog.csdn.net/qq_36636312/article/details/119111345

版权

layui 专栏收录该内容

46 篇文章

订阅专栏

1，效果图

在这里插入图片描述

2，代码


 {field: 'APPROVALSTATUS', title: '审批状态',rowspan:2, width: 110, align: 'center', halign: 'center',filter:true,sort:true,
      templet: function (row) {
          switch (row.APPROVALSTATUS) {
              case 0:
                  return '<span style="color: #ffffff;" class="ybh_background">未审</span>'
              case 1:
                  return  '<span style="color: #ffffff;" class="sbwc_background">已审</span>'
          }
  }},

在done中回调渲染显示
在这里插入图片描述


	done: function (res, curr, count) {
	    layui.soulTable.render(this)
	     $(".ybh_background").parent().parent().css("background","#f86846");
	     $(".sbwc_background").parent().parent().css("background","#41bfc0");
	 }