layui根据条件让一行数据变色以及单元格update

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

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

7 ·

CC 4.0 BY-SA版权

文章标签：

#layui

js 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用JavaScript和CSS结合layui框架实现表格中数据状态高亮显示的方法。当数据达到特定阈值时，表格行背景将变为红色、橙色或黄色，以直观展示数据的紧急程度。

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

  done: function (res, page, count) {
            var that = this.elem.next();
            console.log(that)
            res.data.forEach(function (item, index) {
                if (item.count >= 260) {
                    var tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']").css("background-color", "#FF0000");
                } else if (item.count >= 220) {
                    var tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']").css("background-color", "#FFA500");
                } else if (item.count >= 180) {
                    var tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']").css("background-color", "#ffff00");
                }
            });
        }

 // 表格编辑 监听单元格编辑   update
                table.on('edit(scanDetail)', function (obj) {
                    obj.update({
                        hotelName: obj.value
                    });
                });