vue中table行根据某一属性显示不同颜色

ops/2025/2/22 2:28:31/

需求:当借阅图书到期未归还时,这一行数据显示成红色,以起到警示提醒作用
1.dom中在el-table中添加属性 @cellStyle=“cellStyle”

  <TableView:row-class-name="rowClassName":isPaginationShow="true":openRightMenu="true":openRangeSelect="true"id="recordTableView"@cellStyle="cellStyle":columns="columns":data="borrowList":formTopHeight="formTopHeight":pagination="queryParams"@getData="getList"@handleFilterList="handleFilterList"@changeCurrent="handleSelectChange">

2.设置颜色方法

 /***isOverdue 是否到期(1是0否),到期的一行文字显示成红色**/cellStyle(e, callback) {if(e.row.isOverdue=='0'){callback({'color': '#2D446A!important'})}else if(e.row.isOverdue=='1'){callback({'color': '#f00 !important'})}},

http://www.ppmy.cn/ops/160397.html

相关文章

网页版的俄罗斯方块

1、新建一个txt文件 2、打开后将代码复制进去保存 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>俄…

deepseek本地调用

目录 1.介绍 2.开始调用 2.1模型检验 2.2 通过url调用 3.总结 1.介绍 这篇博客用来教你如何从本地调用ollama中deepseek的模型接口&#xff0c;直接和deepseek进行对话。 2.开始调用 2.1模型检验 首先要保证ollama已经安装到本地&#xff0c;并且已经下载了deepseek模型…

DeepSeek系统架构的逐层分类拆解分析,从底层基础设施到用户端分发全链路

一、底层基础设施层 1. 硬件服务器集群 算力单元&#xff1a; GPU集群&#xff1a;基于NVIDIA H800/H100 GPU构建&#xff0c;单集群规模超10,000卡&#xff0c;采用NVLink全互联架构实现低延迟通信。国产化支持&#xff1a;适配海光DCU、寒武纪MLU等国产芯片&#xff0c;通过…

Ubuntu上查看端口被哪个进程占用了

文章目录 方法一&#xff1a;使用 netstat 命令**方法二&#xff1a;使用 ss 命令**方法三&#xff1a;使用 lsof 命令**总结: 在 Ubuntu上查看 8069 端口被哪个进程占用了&#xff0c;可以使用以下几种方法&#xff1a; 方法一&#xff1a;使用 netstat 命令** netstat 是一…

宝塔mysql8.0设置数据库区分大小写

在宝塔面板中&#xff0c;MySQL 数据库的大小写敏感设置是通过修改 MySQL 配置文件&#xff08;my.cnf 或 my.ini&#xff09;中的 lower_case_table_names 参数来实现的。但宝塔安装mysql8.0后lower_case_table_names 默认为1&#xff0c;直接修改配置并重启会导致报错&#x…

nodejs各版本下载地址 —— 筑梦之路

Index of /dist/ https://nodejs.org/dist/# 北京外国语大学开源镜像站https://mirrors.bfsu.edu.cn/nodejs-release/# 南阳理工学院http://mirror.nyist.edu.cn/nodejs-release/此处主要做个记录

Mermaid绘图技巧:如何在节点文本中实现换行

Mermaid绘图技巧&#xff1a;如何在节点文本中实现换行 在数据可视化领域&#xff0c;Mermaid作为一种强大的图形绘制工具&#xff0c;受到了广泛的关注和应用。它以其简洁的语法和丰富的功能&#xff0c;帮助开发者轻松创建流程图、序列图、甘特图等多种图形。然而&#xff0…

DeepSeek私有化专家 | 云轴科技ZStack入选IDC中国生成式AI市场概览

DeepSeek 火爆全球AI生态圈&#xff0c;并引发企业用户大量私有化部署需求。 国际数据公司IDC近日发文《DeepSeek爆火的背后&#xff0c;大模型/生成式AI市场生态潜在影响引人关注》&#xff0c;认为中国市场DeepSeekAI模型的推出在大模型/生成式AI市场上引起了轰动&#xff0c…