摘要: 在甘特图编排中,用户不仅需要拖拽移动整个任务条,也经常需要拖拽任务条左右边缘来单独调整开始日期或结束日期(即 Resize 操作)。为了帮助用户在拖拽过程中精确定位日期,vxe-gantt 提供了 taskBarResizeConfig.showTooltip 配置,开启后会在拖拽调整边缘时实时显示 阅读全文
posted @ 2026-09-09 09:56 独行者r2 阅读(23) 评论(0) 推荐(0)
摘要: 在项目管理和甘特图应用中,删除任务是一个常见操作。但直接硬删除(从数据源移除)往往丢失历史记录,且不可逆。软删除(标记为删除状态,但数据保留)更符合业务需求——用户可以标记任务待删除,最终确认后再统一提交后端处理。 vxe-gantt 提供了内置的 CRUD 管理器,通过 setPendingRow 阅读全文
posted @ 2026-09-04 16:40 独行者r2 阅读(14) 评论(0) 推荐(0)
摘要: 在数据分析和报表展示中,透视表(Pivot Table) 是一种强大的工具,能够通过拖拽字段快速对数据进行分组、汇总和交叉分析。传统的透视表实现往往需要借助 Excel 或专业 BI 工具,而在 Web 应用中,vxe-table 借助其灵活的列自定义和聚合能力,让开发者可以直接在表格界面上通过拖拽 阅读全文
posted @ 2026-09-04 13:56 独行者r2 阅读(31) 评论(0) 推荐(0)
摘要: 在后台管理系统中,弹窗(Modal / Dialog)通常以全局浮层形式出现,覆盖整个页面。但在某些场景下,我们可能希望弹窗仅出现在某个特定区域(如某个卡片内、某个布局容器内),避免遮挡页面其他重要信息,或者实现“面板内弹窗”的效果。 vxe-modal 组件提供了 transfer、append- 阅读全文
posted @ 2026-09-04 10:14 独行者r2 阅读(26) 评论(0) 推荐(0)
摘要: 在财务管理系统、ERP 或会计软件中,记账凭证是核心数据载体。其典型格式要求借方金额和贷方金额按“亿、千万、百万、十万、万、千、百、十、元、角、分”拆分成独立列显示,便于人工核对与纸质打印。同时,凭证需要支持动态增删行、实时汇总,以及打印时包含凭证头尾信息。 本文将基于 vxe-table(vxe- 阅读全文
posted @ 2026-09-01 10:41 独行者r2 阅读(29) 评论(0) 推荐(0)
摘要: 在后台管理系统中,全键盘操作是提升数据录入效率的重要手段——用户通过方向键、Tab、Enter 等快捷键即可在表格单元格间导航并直接编辑,无需频繁切换鼠标。 然而,当使用 中文拼音输入法(如搜狗、微软拼音、小狼毫等)时,许多开发者会遇到一个棘手的问题:在按键导航编辑模式下,激活单元格后直接敲击键盘, 阅读全文
posted @ 2026-08-28 11:13 独行者r2 阅读(29) 评论(0) 推荐(0)
摘要: 在日常开发中,我们常遇到这样的需求:将一张常规表格(行=记录,列=字段)转置展示,即把原表的列名变为行数据,原表的每一行数据变为新表的一列。这种“行列反转”在统计报表、数据对比、参数配置等场景中非常实用。 vxe-table 本身不提供内置的转置功能,但借助其灵活的 columns 和 data 配 阅读全文
posted @ 2026-08-24 13:45 独行者r2 阅读(22) 评论(0) 推荐(0)
摘要: 在数据密集型的后台系统中,表格是信息展示的核心载体。当单元格内容过长时,常见的处理方式有截断(省略号)、固定高度滚动或自适应行高。 截断会丢失信息,固定高度滚动则影响阅读流畅性,而自适应行高能让所有内容完整可见,但极端情况下(如某行包含数百字)会撑爆表格,破坏整体布局。 本文将基于 vxe-tabl 阅读全文
posted @ 2026-08-21 16:10 独行者r2 阅读(51) 评论(0) 推荐(0)
摘要: 在电商、3C 数码或 SaaS 服务等场景中,产品对比页是帮助用户快速决策的关键工具。传统方案通常采用静态 HTML 或简单的表格布局,维护成本高、扩展性差。 本文以手机产品对比为例,展示如何利用 vxe-table(Vue 生态最强表格组件)的高级特性,快速搭建一个多级表头、动态行合并、布尔值可视 阅读全文
posted @ 2026-08-19 15:58 独行者r2 阅读(30) 评论(0) 推荐(0)
摘要: 在项目管理中,同时展示任务的计划进度与实际进度,能够直观对比执行偏差,是项目监控的核心需求。vxe-gantt 提供了灵活的子任务视图(Subview)机制,可以轻松将单个任务拆分为“计划”和“实际”两条任务条,在同一行内并行展示,实现清晰的双进度对比。 本文将通过一个完整的示例,演示如何利用子任务 阅读全文
posted @ 2026-08-18 13:46 独行者r2 阅读(32) 评论(0) 推荐(0)