独行者r2 - 博客园

2026年7月10日

摘要：在商品管理、订单报表等业务场景中，我们常常需要展示多层级分类（如一级分类 → 二级分类 → 三级分类），并希望将相同分类的数据行纵向合并，让表格结构更清晰、数据层级一目了然。vxe-table 提供了灵活的列头分组（children）和单元格合并（mergeCells）机制，可以轻松实现这一效果。阅读全文

posted @ 2026-07-10 16:29 独行者r2 阅读(0) 评论(0) 推荐(0)

vue 甘特图 vxe-gantt 自定义右侧任务视图列头样式

摘要：在甘特图的实际应用中，通过自定义列头样式可以显著提升数据的可读性。例如，高亮周末或特定日期，能帮助团队更直观地识别工作日和非工作日。vxe-gantt 提供了 taskViewConfig.scales 中的 headerCellStyle 回调函数，让你可以灵活地为时间轴上的每个刻度单元格定制样式阅读全文

posted @ 2026-07-10 07:44 独行者r2 阅读(3) 评论(0) 推荐(0)

vue 甘特图 vxe-gantt 小时视图设置日期轴每间隔 3 个小时

摘要：当任务时间跨度集中在数小时甚至分钟级别时，默认的时间轴粒度可能无法清晰展示任务细节。vxe-gantt 的小时视图（hour）结合 step 参数，可以灵活控制时间轴的显示密度，让短期任务的进度展示更紧凑、更直观。核心配置通过 taskViewConfig.scales 配置时间轴层级，将底层单阅读全文

posted @ 2026-07-10 07:14 独行者r2 阅读(4) 评论(0) 推荐(0)

2026年7月6日

vue 甘特图 vxe-gantt 实现双进度条：计划 vs 实际，支持多级子任务拆分

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

posted @ 2026-07-06 07:51 独行者r2 阅读(13) 评论(0) 推荐(0)

2026年6月26日

vue 表格卡顿的最终解决方法，秒级渲染大数据量表格列表

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

posted @ 2026-06-26 11:47 独行者r2 阅读(46) 评论(0) 推荐(0)

2026年6月25日

vue 甘特图 vxe-gantt 的使用（二）：季度视图的渲染

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

posted @ 2026-06-25 15:54 独行者r2 阅读(6) 评论(0) 推荐(0)

vue 甘特图 vxe-gantt 的使用（三）：月视图的渲染

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

posted @ 2026-06-25 14:25 独行者r2 阅读(4) 评论(0) 推荐(0)

vue 甘特图 vxe-gantt 的使用（四）：周视图的渲染

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

posted @ 2026-06-25 14:17 独行者r2 阅读(10) 评论(0) 推荐(0)

2026年6月10日

使用 vxe-table 实现产品分组列表（按大类分组）

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

posted @ 2026-06-10 20:52 独行者r2 阅读(20) 评论(0) 推荐(0)

vxe-table 列宽与行高拖拽调整：让表格布局随心所欲，拖拽功能非常强大

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

posted @ 2026-06-10 10:48 独行者r2 阅读(32) 评论(0) 推荐(0)

leid6

公告