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

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

原创最新推荐文章于 2024-10-25 11:02:43 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#layui #前端 #html

博客介绍了在layui表格中给对应列添加背景色的方法，直接在style里加样式，让里面的status与列的field对应，data - content为field的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

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