摘要: 在使用 vxe-table 表格组件时,默认情况下,当用户点击某一行时,该行会高亮显示(即成为当前行),并且无法通过再次点击来取消高亮。这种交互适用于需要始终选中一行的场景。 但在某些业务场景下,可能需要允许用户取消选中当前高亮的行(例如,允许不选中任何行)。vxe-table 提供了灵活的配置来实 阅读全文
posted @ 2026-03-17 10:31 独行者r2 阅读(5) 评论(0) 推荐(0)
摘要: vue表格vxe-table如何获取拖拽后的行序号,通过 row-config.drag 和列设置 drag-sort 启用行拖拽排序功能 通过调用 getFullData 方法获取拖拽后的数据,遍历数据得到序号 <template> <div> <vxe-button status="succes 阅读全文
posted @ 2026-03-16 15:12 独行者r2 阅读(7) 评论(0) 推荐(0)
摘要: vue vxe-table 数据分组与排序的实现方式,当需求需要能支持数据分组并对分组后的子项进行排序时,可配合 sortable 来实现 https://vxeui.com <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </ 阅读全文
posted @ 2026-03-13 09:27 独行者r2 阅读(12) 评论(0) 推荐(0)
摘要: vxe-table 单选设置允许取消选中,通过设置 radio-row-config.strict=false 允许取消选中 https://vxetable.cn 设置 radio-row-config.strict=false 允许取消选中 <template> <div> <vxe-grid 阅读全文
posted @ 2026-03-09 16:38 独行者r2 阅读(13) 评论(0) 推荐(0)
摘要: 实现 vxe-table 分组列头折叠列功能非常简单,只需改变列的 visible 就可以实现 https://vxetable.cn 通过修改列的 visible 属性来精确控制列的显示隐藏 <template> <div> <vxe-table border height="400" :data 阅读全文
posted @ 2026-03-09 10:45 独行者r2 阅读(19) 评论(0) 推荐(0)
摘要: vxe-table 如何实现拖拽单元格自动复制内容功能,当业务需要需要实现想 excel 一样,鼠标拖拽单元格向指定方向拖拽时,自动复制当前单元格的值填充到被拖拽的单元格中。 https://vxetable.cn 扩展区域自动复制填充,通过 area-config.extendByCopy 启用, 阅读全文
posted @ 2026-02-24 11:03 独行者r2 阅读(11) 评论(0) 推荐(0)
摘要: 如何使用 vue vxe-table 甘特图 vxe-gantt 渲染显示多行任务,预计完成日期和实际完成日期多条任务条,可以自定义任务条颜色,拖拽调整日期等 https://gantt.vxeui.com 使用树结构渲染子任务和隐藏树节点按钮来实现一行拆分多条任务条,每条任务条还可以通过css变量 阅读全文
posted @ 2026-02-24 10:58 独行者r2 阅读(36) 评论(0) 推荐(0)
摘要: vxe-table 单元格拖拽复制填充功能,如何自定义某个列霍某个单元格禁止拖拽复制值,自定义扩展区域赋值方法。比如有很多列, 业务需要实现b列不能拖拽复制单元格值,c列允许拖拽复制单元格值。那么可以使用,自定义扩展区域赋值方法。通过 area-config.extendSetMethod 来重写单 阅读全文
posted @ 2026-02-06 13:51 独行者r2 阅读(12) 评论(0) 推荐(0)