news 2026/5/14 0:42:48

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/10 15:28:12

Linly-Talker TTS:如何实现媲美真人的语音合成

Linly-Talker TTS&#xff1a;如何实现媲美真人的语音合成 在虚拟主播24小时不间断带货、AI客服秒回千条咨询的今天&#xff0c;我们早已习惯“会说话”的机器。但真正让人停下脚步的&#xff0c;不是它说了什么&#xff0c;而是——它是怎么“说”的。 一句“欢迎光临”&#…

作者头像 李华
网站建设 2026/5/5 0:23:27

国内首个开源 MCP 协议 + 计费闭环 AI 平台诞生了!

大家好&#xff0c;我是小金。 现在市面上像 Dify、Coze 这样优秀的 Agent 编排平台已经很多了&#xff0c;捏一个好用的 AI 智能体其实并不难。 但很多想做独立开发或者搞 AI 创业的朋友都会卡在一个更现实的问题上&#xff1a;智能体捏好了&#xff0c;怎么把它变成一个独立…

作者头像 李华
网站建设 2026/5/1 6:15:41

最强AI生图工具 Nano Banana Pro 玩法合集:解锁生产力极限

Nano Banana Pro&#xff08;NBP&#xff09;的优势在于它将世界知识、语言理解、图像合成和专业编辑融为一体。玩转 NBP&#xff0c;关键在于从“描述图像”升级到“指令设计”。 一、专业创作核心玩法&#xff1a;突破文字与视觉的鸿沟 NBP 解决了困扰所有 AI 生图工具的文…

作者头像 李华
网站建设 2026/5/12 7:30:21

Keras运行TensorFlow-GPU的版本兼容与配置避坑指南

Keras运行TensorFlow-GPU的版本兼容与配置避坑指南 在深度学习项目中&#xff0c;使用GPU加速训练几乎是标配。但当你满怀期待地运行代码&#xff0c;却突然弹出Failed to get convolution algorithm、libcudart.so not found&#xff0c;或者发现tf.test.is_gpu_available()返…

作者头像 李华
网站建设 2026/5/12 21:48:20

golang学习笔记:基本语法

一. go程序文件结构 //main.go //包声明 package main//引入包 import "fmt"//程序的入口 func main() {/* 这是我的第一个简单的程序 */fmt.Println("Hello, World!") }二. go的基础语法每一行为一条语句&#xff0c;不需要分号&#xff0c;如果一行要写多…

作者头像 李华
网站建设 2026/5/4 16:02:28

使用YOLOv5进行图像检测的完整配置指南

使用YOLOv5进行图像检测的完整配置指南 在工业视觉系统日益普及的今天&#xff0c;如何快速构建一个稳定、高效的目标检测流程&#xff0c;已成为许多工程师和研究者的首要任务。面对众多算法选择&#xff0c;YOLOv5 凭借其简洁的设计、出色的推理速度与精度平衡&#xff0c;以…

作者头像 李华