news 2026/7/28 18:39:34

vxe-table 实现编辑表格的金额类型如果是负时,自动标记显示为红色字体

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
vxe-table 实现编辑表格的金额类型如果是负时,自动标记显示为红色字体

vxe-table 实现编辑表格的金额类型如果是负时,自动标记显示为红色字体,通过 edit-render.showNegativeStatus 启用负数自动显示红色字体,需要注意只要特定的控件才支持自动显示负数标红

<template><div><vxe-gridv-bind="gridOptions"></vxe-grid></div></template><scriptsetup>import{reactive}from'vue'constgridOptions=reactive({border:true,showOverflow:true,editConfig:{trigger:'click',mode:'cell'},columns:[{type:'seq',width:70},{field:'name',title:'Name',editRender:{name:'VxeInput'}},{field:'num1',title:'数值',editRender:{name:'VxeNumberInput'}},{field:'num2',title:'数值(负数标红)',editRender:{name:'VxeNumberInput',showNegativeStatus:true}},{field:'num3',title:'货币',align:'right',editRender:{name:'VxeNumberInput',props:{type:'amount',align:'right',showCurrency:true}}},{field:'num4',title:'货币(负数标红)',align:'right',editRender:{name:'VxeNumberInput',showNegativeStatus:true,props:{type:'amount',align:'right',showCurrency:true}}}],data:[{id:10001,name:'Test1',role:'Develop',sex:'Man',age:28,address:'test abc',num1:10000000,num2:10000000,num3:10000000,num4:10000000},{id:10002,name:'Test2',role:'Test',sex:'Women',age:22,address:'Guangzhou',num1:-20000,num2:-20000,num3:-20000,num4:-20000},{id:10003,name:'Test3',role:'PM',sex:'Man',age:32,address:'Shanghai',num1:null,num2:null,num3:null,num4:null},{id:10004,name:'Test4',role:'Designer',sex:'Women',age:24,address:'Shanghai',num1:0,num2:0,num3:0,num4:0}]})</script>

https://gitee.com/x-extends/vxe-table

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/27 16:11:41

云端算力的进化:云服务器架构演进的三重范式变革

在数字化转型的浪潮中&#xff0c;云服务器作为云计算的核心基础设施&#xff0c;正经历着从被动响应到智能协同的跨越式进化。从传统虚拟化到云原生架构&#xff0c;这场静默的技术革命重构了算力释放方式&#xff0c;推动行业向更高效、更智能的方向迈进。云服务器的架构演进…

作者头像 李华
网站建设 2026/7/28 6:06:56

解决facefusion报错No source face detected

解决 FaceFusion 报错&#xff1a;No source face detected 在使用 FaceFusion 进行人脸替换时&#xff0c;你是否曾满怀期待地运行命令&#xff0c;结果却只等来一句冰冷的提示&#xff1a; No source face detected程序戛然而止&#xff0c;换脸流程中断。这并非模型崩溃或内…

作者头像 李华
网站建设 2026/7/28 6:14:19

PaddleOCR中英文文字识别实战与优化指南

PaddleOCR中英文文字识别实战与优化指南 在数字化浪潮席卷各行各业的今天&#xff0c;从发票扫描到证件识别&#xff0c;从智能办公到工业质检&#xff0c;光学字符识别&#xff08;OCR&#xff09;已成为连接物理世界与数字系统的关键桥梁。然而&#xff0c;面对复杂多变的实…

作者头像 李华
网站建设 2026/7/24 19:27:12

LobeChat剪贴板交互优化:复制粘贴操作更加流畅自然

LobeChat剪贴板交互优化&#xff1a;复制粘贴操作更加流畅自然 在今天这个信息流转极快的时代&#xff0c;我们每天都在不同应用之间复制、粘贴——从技术文档中摘取一段代码&#xff0c;从网页上抓取一个问题描述&#xff0c;再粘贴进AI助手对话框寻求解答。这一看似简单的动作…

作者头像 李华
网站建设 2026/7/28 1:24:24

YOLOv5详解:高效目标检测模型实战指南

YOLOv5详解&#xff1a;高效目标检测模型实战指南 在自动驾驶的感知系统中&#xff0c;一帧图像需要在几十毫秒内完成对行人、车辆、交通标志等数十类目标的精准识别&#xff1b;在智能工厂的质检线上&#xff0c;摄像头每分钟要处理上千张产品图像&#xff0c;任何延迟都会导…

作者头像 李华
网站建设 2026/7/28 4:50:50

Windows下PaddleOCR GPU版环境搭建指南

Windows下PaddleOCR GPU版环境搭建指南 在做AI项目时&#xff0c;最让人头疼的往往不是模型设计&#xff0c;而是环境配置——尤其是当你想用GPU加速一个OCR工具&#xff0c;却发现卡在第一步。如果你正打算在Windows上部署PaddleOCR并启用GPU支持&#xff0c;这篇文章就是为你…

作者头像 李华