leid6

摘要： 在实际业务开发中，表格数据导出是高频需求。大多数场景下，我们导出的是表格当前展示的数据，但有时业务需要导出特定的数据集（如：筛选后的结果、选中的数据、或后端返回的原始数据）。本文将基于 vxe-table 组件，介绍如何通过 exportData 方法实现指定数据导出，并提供多种实用场景的解决方案。 阅读全文

摘要： xe-utils API Docs xe-utils 是一个 JavaScript 工具类库，提供了丰富的函数用于处理数据类型、对象、数组、日期、数字、字符串、URL 以及浏览器操作等，支持按需加载，性能优异。 Install npm install xe-utils Start import XE 阅读全文

摘要： 通过 taskViewConfig.scales 参数，可以灵活配置甘特图日期轴的显示层级。本文将介绍如何将日期轴显示为“月 + 周”模式，以及如何自定义每周的起始日期。 核心配置示例 要显示“月 + 第几周”的双层日期轴，只需在 scales 数组中同时配置 'month' 和 'week' 即可 阅读全文

摘要： 在使用 vxe-table 表格组件时，默认情况下，当用户点击某一行时，该行会高亮显示（即成为当前行），并且无法通过再次点击来取消高亮。这种交互适用于需要始终选中一行的场景。 但在某些业务场景下，可能需要允许用户取消选中当前高亮的行（例如，允许不选中任何行）。vxe-table 提供了灵活的配置来实 阅读全文

摘要： vue表格vxe-table如何获取拖拽后的行序号，通过 row-config.drag 和列设置 drag-sort 启用行拖拽排序功能 通过调用 getFullData 方法获取拖拽后的数据，遍历数据得到序号 <template> <div> <vxe-button status="succes 阅读全文

摘要： vue vxe-table 数据分组与排序的实现方式，当需求需要能支持数据分组并对分组后的子项进行排序时，可配合 sortable 来实现 https://vxeui.com <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </ 阅读全文

摘要： vxe-table 单选设置允许取消选中,通过设置 radio-row-config.strict=false 允许取消选中 https://vxetable.cn 设置 radio-row-config.strict=false 允许取消选中 <template> <div> <vxe-grid 阅读全文

摘要： 实现 vxe-table 分组列头折叠列功能非常简单，只需改变列的 visible 就可以实现 https://vxetable.cn 通过修改列的 visible 属性来精确控制列的显示隐藏 <template> <div> <vxe-table border height="400" :data 阅读全文

摘要： vxe-table 如何实现拖拽单元格自动复制内容功能，当业务需要需要实现想 excel 一样，鼠标拖拽单元格向指定方向拖拽时，自动复制当前单元格的值填充到被拖拽的单元格中。 https://vxetable.cn 扩展区域自动复制填充，通过 area-config.extendByCopy 启用， 阅读全文

摘要： 如何使用 vue vxe-table 甘特图 vxe-gantt 渲染显示多行任务，预计完成日期和实际完成日期多条任务条，可以自定义任务条颜色，拖拽调整日期等 https://gantt.vxeui.com 使用树结构渲染子任务和隐藏树节点按钮来实现一行拆分多条任务条，每条任务条还可以通过css变量 阅读全文