logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vxe-table v4.8+ 与 v3.10+ 导出 xlsx、支持导出合并、设置样式、宽高、边框、字体、背景、超链接、图片的详细介绍,一篇就够了

Vxe UI vue vxe-tablev4.8+ 与 v3.10+ 导出 xlsx、支持导出合并、设置样式、宽高、边框、字体、背景、超链接、图片等、所有常用的 Excel 格式都能自定义,使用非常简单,纯前端实现复杂的导出。

文章图片
#vue.js
vue vxe-table 一个 PC 端表格组件,大数据表格

vxe-table vue table 一个非常强大表格组件一个功能更加强大的 Vue 表格组件查看 vxe-table功能点基础尺寸斑马线条纹带边框单元格样式列宽拖动流体高度固定表头固定列固定表头和列表头分组序号单选多选排序筛选合并行或列表尾合计导出 CSV显示/隐藏列加载中格式化内容自定义模板快捷菜单滚动渲染展开行树形表格可编辑表...

文章图片
Vxe UI vue vxe-table grid 如何滚动、定位到指定行或列

Vxe UI vue vxe-table vxe-grid 在表格中有时候需要对数据会列进行操作。滚动定位到某一行或某一列,vxe-table 中提供了丰富的函数式 API,可以轻松对行与列进行各种的灵活的操作

文章图片
#ui#vue.js#前端
vue vxe-gantt table 甘特图实现多个维度视图展示,支持切换年视图、月视图、周视图等

摘要:vxe-gantt 甘特图组件支持多维度视图展示,可通过 task-view-config.scales 配置日期轴模式,实现年视图、季度视图、月视图、周视图和日视图的灵活切换。示例代码展示了如何通过 radio 按钮组控制视图切换,并配置了任务进度条样式和数据展示。该组件提供了直观的项目进度可视化功能,适用于各类项目管理场景。

文章图片
#甘特图#javascript#前端
vue vxe-gantt 甘特图实现产品进度列表,自定义任务条样式和提示信息

本文介绍了如何使用vxe-gantt组件实现自定义甘特图产品进度列表。通过task-view-config.viewStyle.cellStyle设置单元格样式,利用taskBar和taskBarTooltip插槽自定义任务条模板和提示信息。示例代码展示了如何配置甘特图参数,包括时间刻度、任务条样式、表格列定义和数据源,并实现了周日高亮显示效果。该组件支持高度定制化,可灵活调整任务条布局和内容显示

文章图片
#甘特图#前端#javascript
vxe-gantt vue table 甘特图子任务多层级自定义模板用法

摘要:本文介绍如何使用vxe-gantt实现多层级甘特图子任务展示,通过树形结构渲染父子层级数据。首先安装相关依赖包(vxe-gantt@4.1.2等),配置treeConfig参数开启树形结构转换功能。示例代码展示了如何自定义任务条样式、工具提示内容,并实现周日高亮显示效果。该组件支持通过id/parentId字段自动转换平级列表为层级结构,同时提供了丰富的自定义选项,包括任务条圆角、图片嵌入等

文章图片
#vue.js#甘特图
vue 甘特图 vxe-gantt 实现 table 表格与甘特图拖拽双向联动、拖拽添加,拖拽移除

文章摘要: vxe-gantt支持表格与甘特图之间的跨视图任务拖拽,通过配置row-drag-config.isCrossTableDrag实现双向数据联动。核心机制包括:1)统一主键字段确保数据一致性;2)CRUD管理器自动追踪拖拽产生的增删改记录,开发者可通过getRecordset()获取变更数据。本文提供完整配置说明与代码示例,展示如何实现任务在表格和甘特图间的自由移动,提升项目管理效率。

文章图片
#vue.js#甘特图
vxe-tree 树组件拖拽排序功能的使用教程

vxe-tree 树组件提供强大的拖拽排序功能,支持同层级和跨层级拖拽操作。通过设置 drag: true 启用拖拽功能,dragConfig.isPeerDrag 实现同层级拖拽,dragConfig.isCrossDrag 实现跨层级拖拽。组件采用树形结构数据格式,支持将节点拖拽到子级等复杂操作。该组件已在 GitHub 和 Gitee 开源,适用于 PC 端 UI 开发,可灵活配置满足各种树

文章图片
#vue.js
vue vxe-table vxe-modal 模态窗口、最大化窗口,缩放拖动窗口

查看官网示例:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/module/modal<vxe-button @click="value2 = !value2">拖动窗口调整大小</vxe-button><vxe-modal v-model="value2" resize><te...

vxe-table 启用虚拟滚动加载大数据表格

vxe-table vxe-excel 实现 Excel 表格,增删改查查看 Github查看 Demo

    共 11 条
  • 1
  • 2
  • 请选择