leid6

摘要： 在项目管理中，计划进度与实际进度的对比是衡量执行偏差的关键指标。vxe-gantt 提供了灵活的树形结构和自定义任务条能力，通过巧妙的数据拆分策略，我们可以在一棵甘特树中同时展示计划和实际两条进度条，并且支持从一级到多级的完整继承。 本文将分两个方式来实现方案： 一级双进度：仅对顶层任务拆分计划和实 阅读全文

摘要： 在日常业务开发中，当表格数据量达到数百甚至数千行时，页面卡顿、滚动掉帧、白屏等现象频繁出现，严重影响用户体验。vxe-table 从 4.19+ 版本开始，对虚拟滚动进行了深度优化——不仅在 Windows 和 macOS 上流畅支持触摸板、鼠标滚轮和键盘滚动，更彻底解决了滚动白屏问题，滚动体验丝滑 阅读全文

摘要： 在项目组合管理或中长期战略规划中，季度视图是一个理想的宏观时间维度——它以季度为粒度展示任务分布，既能比年视图提供更细的洞察，又不会像月视图那样信息过密。vxe-gantt 提供了灵活的季度视图渲染能力，支持 默认模式 和 精确模式 两种粒度，满足从战略规划到阶段性跟踪的需求。 季度视图概述 vxe 阅读全文

摘要： 在项目管理中，月视图是一个承上启下的时间维度——它既能提供比年视图更细的颗粒度，又比周/天视图更宏观，适合展示季度性任务、中短期项目里程碑。vxe-gantt 提供了灵活的月视图渲染能力，支持 默认模式 和 精确模式 两种粒度，满足从宏观规划到精细化跟踪的各种需求。 本文介绍月视图的两种使用方式，并 阅读全文

摘要： 在项目排期管理中，周视图是一个兼顾颗粒度与可读性的理想选择——它既能清晰展示任务在一周内的分布，又不会像天视图那样因时间轴过密而难以阅读。vxe-gantt 提供了灵活的周视图渲染能力，支持 默认模式 和 精确模式 两种粒度，满足从周计划到精细化排期的各种需求。 说明 vxe-gantt 通过 ta 阅读全文

摘要： 在后台管理系统中，经常需要将数据按照某个字段（如产品类别、部门、状态）进行分组展示，以便用户快速浏览和汇总信息。vxe-table 提供了强大的数据分组功能，只需简单配置即可实现按指定字段分组，并为每个分组生成汇总行，同时支持自定义分组标题和内容。 本文将演示如何基于 vxe-table 实现按产品 阅读全文

摘要： 在数据表格应用中，允许用户通过拖拽调整列宽和行高是提升交互体验的重要功能。vxe-table 提供了简洁的配置项来启用这两项能力，让表格布局更加灵活。 配置说明 配置项 类型 说明 columnConfig.resizable Boolean 设为 true 后，所有列均可通过拖拽调整宽度。 col 阅读全文

摘要： 在实际项目中，默认的多级树形分组列头可能无法满足复杂报表的展示需求。vxe-table 提供了 show-custom-header 配置项，允许你完全自定义表头结构，实现任意行列的合并效果（类似 Excel 中的跨列居中、跨行合并）。 需要注意：启用自定义表头合并后，被合并的列将不支持拖拽调整列宽 阅读全文

摘要： 在实际业务中，我们经常需要对表格数据进行分组，并对每组内的数值列进行统计，例如：按部门统计薪资总和、按角色统计任务数量、计算年龄平均值等。 vxe-table 提供了强大的聚合配置 aggregateConfig，配合列属性 aggFunc，可以轻松实现分组多列合计，并且支持为不同列定制不同的统计方 阅读全文

摘要： Vxe UI 是一套功能强大的 Vue 组件库，提供表格（vxe-table）、甘特图（vxe-gantt）、设计器（vxe-design）以及基础 UI 组件（vxe-pc-ui）等丰富功能。在 Nuxt 4 项目中使用 Vxe UI 时，官方为每个子库都提供了对应的 Nuxt 模块，其中 vxe 阅读全文