设置layui动态表格某一行的背景色

news2024/9/25 15:27:01

       以下示例设置动态表格某一行的数据

ea.table.render({

                init: init,

                toolbar: ['refresh', 'delete','add'],

                cols: [[

                    {type: 'checkbox'},

                    {field: 'id', title: 'id'},

                    {field: 'cate.title', title: '分类'},

                    {field: 'image', title: '缩略图', templet: ea.table.image},

                    {field: 'name', title: '姓名'},

                    {field: 'phone', title: '电话'},

                    {field: 'license_number', title: '执业证号'},

                    {field: 'level', title: '等级'},

                    {field: 'province', title: '省'},

                    {field: 'city', title: '市'},

                    {field: 'good_sector', title: '擅长领域'},

                    {field: 'remark', title: '备注', templet: ea.table.text},

                    {field: 'create_time', title: '添加时间'},

                    {field: 'status', title: '状态', templet: ea.table.switch},

                    {field: 'price', title: '价格'},

                    {width: 250, title: '操作', templet: ea.table.tool},

                ]],

                done: function (res, curr, count) {

                    console.log(res);  //打印数据

                    console.log(curr);//打印当前行数

                    console.log(count);  //数据总条数

                    // 官方介绍  https://www.layui.com/doc/modules/table.html#templet

                    res.data.forEach(function (item, index) {   //循环数据

                        if (item.id == 1) {   //当数据id为1时

                            var tr = $(".layui-table").find("tbody tr[data-index='" + index + "']"); //查找某一行的数据

                            tr.css("background-color", "#98FB98"); //标记该行的背景色

                            // 给1-0-9列添加样式

                            tr.find(".laytable-cell-1-0-9").css("color","red");  //标记该行某一列的颜色

                        }

                    });

                }

            });

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2163947.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

点云与Open3D入门

文章目录 点云数据介绍点云 Open3D点云基础操作RGBD转换为PCDPLY转PCD 点云空间搜索K-DTree原理搜索算法 OCTree 点云滤波体素下采样点云体素化复杂点云体素化统计滤波半径滤波 点云特征提取法线估计 点云分割DBSCAN 聚类分割(运行时间较长)PANSNC平面分…

Tableau|二 如何利用功能区创建视图

一 认识 Tableau 数据 1.数据角色 维度和度量是Tableau的一种数据角色划分,离散和连续是另一种划分方式。 1.维度和度量 维度往往是一些分类、时间方面的定性字段,将其拖放到功能区时,Tableau不会对其进行计算,而是对视图区进行分…

什么开放式耳机好用?2024五款地表最强机型推荐!

随着耳机使用的普及,选择一款合适的耳机变得尤为重要。入耳式耳机虽然普遍,但长时间佩戴可能会带来不适,甚至可能影响耳道健康。开放式耳机提供了一个折中的选择,它们不堵塞耳道,允许用户在享受音乐的同时,…

Android线程使用总结

Android线程使用总结 1. Threading Performance 在程序开发的实践当中,为了让程序表现得更加流畅,我们肯定会需要使用到多线程来提升程序的并发执行性能。但是编写多线程并发的代码一直以来都是一个相对棘手的问题,所以想要获得更佳的程序性…

基于主从Reactor模型实现高并发服务器

目录 1. 项目简介1.1 环境介绍1.2 项目定位1.3 功能模块整体划分 2. Reactor简介2.1 Reactor模型分析2.2 多Reactor多线程分析:多I/O多路复用线程池(业务处理) 3. 日志宏的编写4. Server模块4.1 Buffer模块4.1.1 Buffer的功能4.1.2 Buffer的实…

腾讯邮箱上传附件卡、慢、无法上传问题处理

1、检查文件中转站容量是否已满 2、建议用户打开链接https://exmail.qq.com/qy_mng_logic/wasmHelper?typehashv2,看是否可以正常访问。(能打开下载就表示可以正常访问) 3、让用户切换到4G或者其他网络再重新上传附件是否会重现问题&#xf…

网络安全全方略

网络安全全方略是指通过系统化、全面化的方法,从技术、管理、人员等多个维度,构建一个全方位、多层次的网络安全防护体系。以下是一个详细的网络安全全方略,涵盖了从策略制定到实施和维护的全过程。 1. 网络安全策略制定 1.1 风险评估 资产…

沸点 | 嬴图成功入选“DataTech50 for 2024”,彰显金融科技实力

近日,世界领先的金融科技信息服务巨头 Find Tech Global 推出首届“DataTech50 for 2024”排行榜,嬴图凭借其在图数据库领域的领先技术与创新能力,成功跻身该全球性奖项,荣膺这一殊荣。 “DataTech50”作为年度榜单,由…

【ESP32】ESP-IDF开发 | UART通用异步收发传输器+串口收发例程

1. 简介 UART可以说是开发者使用得最多的外设之一了,打印log几乎都是使用串口来实现的。UART是一种异步全双工的通信方式,异步传输的特性使得它仅需2根线就可以完成全双工的传输,但这也要求发送端和接收端的速率、停止位、奇偶校验位等都要相…

.NET 高级音频处理利器 NAudio 库

目录 前言 项目介绍 项目说明 常用类 常用接口 项目示例 1、创建项目 2、NuGet安装 NAudio 与 NAduio.Core包 3、使用说明 4、录制文件代码 5、播放文件代码 6、注意 项目总结 最后 前言 NAudio 是一个开源音频库,用于在 C# 应用程序中处理音频。 它…

IoTDB 论文入选三大数据库顶会:ICDE、SIGMOD、VLDB 收录自研成果!

2024 三大顶会收录“成就” 随着数据库领域三大国际顶级会议 ICDE、SIGMOD、VLDB 2024 会议落幕,我们骄傲的宣布 Apache IoTDB 团队成员的多篇论文均被收录!其研究成果均已在 IoTDB 实现,或基于 IoTDB 进行了性能评估。 以下整理收录论文名称…

过来人谈谈:我是如何师通过软考高级系统架构设计师的?

一丶关于教材内容 虽然系统架构设计师要考的内容远远不止于考试教材,但是熟读教材内容依然有必要的。 2022年,我利用一些碎片时间走马观花式地翻了一遍教材内容(《系统架构设计师教程》和《系统架构设计师考试全程指导》)&#…

网络事件管理

网络事件管理是运行组织 IT 网络不可或缺的一部分,网络事件管理的最终目标很简单:在发生中断时尽快恢复服务或功能。但是为了高效和一致地进行,IT 运营团队需要时刻保持警惕,不断了解网络事件,并且必须系统地遵循一套程…

除氟剂在芯片行业的应用

除氟剂在芯片行业的应用主要体现在对含氟废水的处理上。芯片生产过程中,特别是在湿法工序中,常用氢氟酸或BOE(Buffered Oxide Etch,缓冲氧化物刻蚀液)等化学物质进行刻蚀和清洗,这些过程会产生含有氟离子的…

如何避免U盘重要数据泄露?U盘加密方法推荐

随着科技的不断发展,U盘已经成为我们日常生活中不可或缺的存储工具。然而,由于U盘体积小巧、携带方便,一旦丢失或被他人恶意使用,重要数据泄露的风险极大。为了避免这种情况发生,我们需要对U盘进行加密,确保…

什么是组态、组态的应用场景介绍

随着计算机技术和工业自动化水平迅速提高,而车间现场种类繁杂的控制设备和过程监控装置使得传统的工业控制软件无法满足用户的各种需求。在“组态”概念出现之前,工程技术人员需要通过编写程序来实现某一任务,不但工作量大、周期长&#xff0…

C++之 string(中)

C之 string string类对象的容量操作 resize 将有效字符的个数该成n个,多出的空间用字符c填充 虽然在string里用的不多,但是在vector里面常见 这里有三种情况: 1)resize小于当前的size 2)resize大于当前的size,小于capacity …

自适应企业网站建站系统源码 带完整的安装代码包以及搭建部署教程

系统概述 传统的建站方式往往需要耗费大量的时间和资源,而且对于非专业人士来说,操作难度较大。为了满足企业快速建站的需求,自适应企业网站建站系统源码应运而生。该源码的开发团队致力于打造一款功能齐全、易于操作的建站系统,…

PingCastle:一款针对活动目录AD的安全强化工具

关于PingCastle PingCastle是一款针对活动目录AD的安全强化工具,可以帮助广大研究人员提升活动目录的安全性,该工具甚至可以做到在 20% 的时间内实现 80% 的AD安全性。 Ping Castle 是一种旨在使用基于风险评估和成熟度框架的方法快速评估活动目录AD 安…

power bi制作各季度收入累加柱状图——日期表、calculate、datesytd

一、数据介绍: 2017-2019年订单销售收入数据(订单日期,销售收入) 二、效果展示: 三、操作步骤: 1、建立日期表 (1)建立原因 本次度量值编写需要运用到datesytd这一时间智能函数…