当前位置: 首页 > news >正文

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

http://www.cnnetsun.cn/news/87076.html

相关文章:

  • 云端算力的进化:云服务器架构演进的三重范式变革
  • 解决facefusion报错No source face detected
  • PaddleOCR中英文文字识别实战与优化指南
  • LobeChat剪贴板交互优化:复制粘贴操作更加流畅自然
  • YOLOv5详解:高效目标检测模型实战指南
  • Windows下PaddleOCR GPU版环境搭建指南
  • “开盒神器”威胁下的自保手册:七招应对超级 Agent 的实时入侵
  • EBS后台查询人员职责信息
  • Qwen3-8B-AWQ性能优化与最佳实践
  • LLaMA-Factory 微调 DeepSeek-R1 模型实战指南
  • Langflow自定义组件开发与界面集成详解
  • LobeChat能否协助撰写简历?求职者福音来了
  • 使用Miniconda创建Python 3.8环境的完整步骤
  • 搭建Ollama并运行qwen,简单RAG实现
  • LobeChat能否显示用量统计?透明化消费展示
  • 解决langchain-chatchat缺少__init__.py问题
  • Linly-Talker:能对答如流的AI数字人
  • YOLOv5网络结构解析与代码实现
  • 使用线性回归算法预测房价
  • gpt-oss-20b微调与扩展全指南
  • 「ECG信号处理——(29)基于分层分类的ECG心律失常检测系统设计与实现」2025年12月16日
  • FaceFusion报错:未检测到源人脸
  • Tigshop 开源商城系统 【商品预售功能】上新!全款+定金双模式深度适配全行业经营需求
  • YOLOv8官方文档中文解读:新手必读
  • 基于深度学习的植物病害检测系统(UI界面+YOLOv8/v7/v6/v5代码+训练数据集)
  • Stable Diffusion 3.5本地部署指南与一键整合包
  • Wan2.2-T2V-A14B本地部署与多GPU推理指南
  • 基于深度学习的跌倒检测系统(UI界面+YOLOv8/v7/v6/v5代码+训练数据集)
  • 构建个性化AI助手:LobeChat + 开源大模型完美组合
  • 免费守护网站安全:精选一年期SSL证书获取攻略