news 2026/5/9 0:35:38

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/5/5 2:29:17

DeepSeek-OCR本地部署:CUDA与vLLM升级指南

DeepSeek-OCR本地部署&#xff1a;CUDA与vLLM升级实战 在智能文档处理的工程实践中&#xff0c;我们常遇到一个棘手问题&#xff1a;明明模型性能强大&#xff0c;但一到生产环境就卡顿、延迟高、显存爆满。尤其是像 DeepSeek-OCR 这类融合视觉编码与语言理解的多模态系统&…

作者头像 李华
网站建设 2026/4/30 23:44:08

计算机网络原理自考笔记精要

Wan2.2-T2V-5B 镜像技术精要 在AIGC浪潮席卷内容创作领域的今天&#xff0c;一个越来越清晰的趋势正在浮现&#xff1a;生成模型不再一味追求“更大、更强”&#xff0c;而是开始向“更快、更轻、更实用”转型。尤其是在短视频爆发式增长的背景下&#xff0c;如何让普通用户也能…

作者头像 李华
网站建设 2026/5/1 0:11:50

LobeChat如何实现多用户权限管理?适用于团队协作场景

LobeChat 如何实现多用户权限管理&#xff1f;适用于团队协作场景 在企业级 AI 应用日益普及的今天&#xff0c;一个看似简单的“聊天框”背后&#xff0c;往往承载着复杂的组织需求&#xff1a;不同角色的员工需要访问不同的功能&#xff0c;敏感会话数据必须隔离&#xff0c;…

作者头像 李华
网站建设 2026/5/1 12:01:27

SQL窗口函数(使用场景)

1. 常见排名和排序 -- 行号 ROW_NUMBER() OVER (ORDER BY sales DESC) AS rank-- 排名&#xff08;允许并列&#xff09; RANK() OVER (ORDER BY sales DESC) AS rank-- 密集排名 DENSE_RANK() OVER (ORDER BY sales DESC) AS dense_rank-- 分位数 NTILE(4) OVER (ORDER BY sa…

作者头像 李华
网站建设 2026/4/30 23:21:39

PowerDMIS使用“尺寸名义公差编辑器”进行批量修改(最常用、最直观)

这是最直接的方法&#xff0c;适用于修改当前激活程序的多个尺寸。 1.打开编辑窗口 &#xff1a; 在程序区点击编辑器2.编辑器——编辑属性选择“尺寸名义公差”3.批量修改 &#xff1a; 名义值 &#xff1a;找到 “名义值” 属性。直接输入新的数值&#xff0c;然后按回车键。…

作者头像 李华
网站建设 2026/5/7 16:38:59

Linux下TensorFlow-GPU环境配置全指南

Linux下TensorFlow-GPU环境配置全指南 在深度学习项目中&#xff0c;一个稳定、高效的GPU训练环境几乎是标配。然而&#xff0c;不少工程师在搭建 TensorFlow-GPU 环境时仍会遭遇“明明步骤都对&#xff0c;却死活跑不起来”的窘境——动态库加载失败、驱动版本不匹配、Python…

作者头像 李华