
简介
该用户还未填写简介
擅长的技术栈
可提供的服务
暂无可提供的服务
本文推荐了两款Vue甘特图组件:dhtmlx-gantt和vxe-gantt。dhtmlx-gantt是老牌组件,功能全面但使用难度高,基础版免费但功能受限。vxe-gantt基于vxe-table开发,API简单易用,支持任务列表、子任务、日期轴视图、右键菜单和拖拽功能,开源版即可满足大部分需求,是Vue项目的推荐选择。两者都提供企业版增强功能。

摘要:本文介绍如何使用vxe-table实现Vue中的不定高虚拟滚动表格,适用于大数据量且需要自适应行高的场景。通过关闭show-overflow属性并配置virtualYConfig启用虚拟滚动,表格能动态估算行高并逐步修正。文中提供了完整代码示例,包括列配置、数据加载和性能优化方案,展示了如何高效渲染数万行数据。相关资源链接指向vxe-table官网和代码仓库,方便开发者进一步参考。

摘要:本文介绍了如何在 Vue 甘特图组件 vxe-gantt 中自定义依赖线颜色。提供两种实现方式:1)通过 taskLinkConfig.lineColor 统一设置所有连接线颜色;2)在 links 数组中为每条依赖线单独设置 lineColor 属性。示例代码展示了如何定义连接关系(from/to 对应任务 ID)和设置不同颜色,并包含完整的甘特图配置选项。相关资源可参考官网和 GitHu

本文介绍了如何使用vxe-gantt组件实现甘特图中的任务里程碑和依赖线功能。通过设置task-bar-milestone-config配置里程碑样式,使用type=moveable启用里程碑类型,仅需设置开始日期。依赖线通过links数组定义,指定源任务和目标任务的主键ID及依赖类型。示例代码展示了完整的配置方案,包括里程碑图标自定义、任务条样式设置以及四种依赖关系类型(StartToFinis

Vue Vxe-Gantt 甘特图组件支持通过拖拽创建任务依赖连接线。通过配置links数组定义连接关系,其中from和to分别对应源任务和目标任务的主键值,type指定四种依赖类型:FinishToStart、StartToFinish、StartToStart、FinishToFinish。组件提供task-link-config控制连接线高亮效果,task-bar-config.linkCr

vxe-table 实现尾合计实时计算更新功能;在使用 vxe-table 时,需要实现表尾合计功能,通过单元格编辑之后,实时自动计算表尾合计的值,自动更新表尾合计数据。

vue vxe-table 自定义列中禁用勾选、以及列表中不显示指定列的用法

推荐一个 vue 中最好用的表格 vxe-table grid 在线编辑表格

本文介绍了如何在vxe-tree树组件中实现拖拽节点后的二次确认功能。通过配置dragConfig对象的dragEndMethod方法,可以在拖拽结束时弹出确认对话框,用户确认后才执行拖拽操作,否则取消并提示。代码示例展示了如何结合VxeUI的modal组件实现确认弹窗和取消提示功能,同时支持自定义拖拽规则。该方案适用于需要谨慎处理节点拖拽操作的场景,确保数据变更前获得用户明确确认。

摘要:本文介绍了如何使用vxe-table实现行拖拽排序功能,并在拖拽结束时增加二次确认提示。通过配置rowConfig.drag和dragSort属性启用拖拽功能,利用rowDragConfig.dragEndMethod方法在拖拽结束时弹出确认对话框,根据用户选择决定是否执行排序操作。示例代码展示了完整的实现方案,包含表格配置、拖拽事件处理及数据定义。该方案可有效防止误操作,提升用户体验。(1








