layui表格中给对应的列加背景色

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

luck_x

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

阅读量1.9k

点赞数 1

文章标签： layui 前端 html

本文链接：https://blog.csdn.net/bigboss_666/article/details/127552054

版权

layui表格中给对应的列加背景色

直接在style加样式即可，里面的status跟列的field对应上，data-content是field的值。

 	<style>
 	td[data-field=status][data-content=NONE] {
        background-color: #bdc2c3;
    }

    td[data-field=status][data-content=ING] {
        background-color: #1c84c6;
        color: white;
    }

    td[data-field=status][data-content=DONE] {
        background-color: #1ab394;
        color: white;
    }
    </style>

结果如下：
在这里插入图片描述