摘要: vxe-table 使用树结构点击筛选,子节点筛选,启用树结构后会同时对每个层级的子节点进行筛选 官网:https://vxetable.cn 效果 <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </templa 阅读全文
posted @ 2025-02-12 13:43 可不简单 阅读(6) 评论(0) 推荐(0) 编辑
摘要: vxe-table 使用树结构点击排序,子节点排序,启用树结构后会同时对每个层级的子节点进行排序 官网:https://vxetable.cn 效果 <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </templa 阅读全文
posted @ 2025-02-11 16:21 可不简单 阅读(7) 评论(0) 推荐(0) 编辑
摘要: vxe-table 如何实现全部单元格都能拖拽调整列宽,表头和表体都支持拖拽 官网:https://vxetable.cn 效果 代码 通过 resizable-config.isAllColumnDrag 启用所有单元格允许拖拽调整列宽 <template> <div> <vxe-grid v-b 阅读全文
posted @ 2025-02-06 14:53 可不简单 阅读(25) 评论(0) 推荐(0) 编辑
摘要: vxe-table 实现双击自适应行高,行高拖拽调整高度 官网:https://vxetable.cn 通过 row-config.resizable 和 row-resize 启用行高拖拽功能以及 resizable-config.isDblclickAutoHeight 启用双击自适应行高 <t 阅读全文
posted @ 2025-01-22 11:45 可不简单 阅读(24) 评论(0) 推荐(0) 编辑
摘要: vxe-table 如何将行标记为删除状态,不是直接删除 官网:https://vxetable.cn vxe-table 支持直接将数据标记待删除状态,通过调用 setPendingRow 方法标记为待删除状态 <template> <div> <vxe-button status="error" 阅读全文
posted @ 2025-01-20 14:27 可不简单 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 最新新版本 vxe-table 分组列也支持列宽调整宽度了 官网:https://vxetable.cn https://github.com/x-extends/vxe-table 通过参数 column-config.resizable 启用列宽拖拽功能 <template> <div> <vx 阅读全文
posted @ 2025-01-19 15:45 可不简单 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 如果通过 vxe-table 实现 Excel,可以和 Excel、WPS 复制粘贴 官网:https://vxetable.cn <template> <div> <vxe-grid ref="gridRef" v-bind="gridOptions" @cell-area-selection-e 阅读全文
posted @ 2025-01-18 20:57 可不简单 阅读(26) 评论(0) 推荐(0) 编辑
摘要: vxe-table 实现行高拖拽功能,需要注意更新到最新版本才支持该功能 官网:https://vxetable.cn 通过 row-config.resizable 和 row-resize 启用行高拖拽功能; 当需要多列允许触发行高拖拽时,通过 row-resize 指定任意列 <templat 阅读全文
posted @ 2025-01-15 21:58 可不简单 阅读(40) 评论(0) 推荐(0) 编辑
摘要: vxe-table 实现 excel 选择两个单元格,拖拽自动识别数字规则并根据规则自动填充新的单元格 官网:https://vxetable.cn 鼠标按住右下角扩展按钮,当选取一个单元格时,自动将当前内容填充到扩展区域的所有单元格中,如果不希望自动识别数字规则,可以同时按住 ctrl 键可取消值 阅读全文
posted @ 2025-01-07 15:18 可不简单 阅读(30) 评论(0) 推荐(0) 编辑
摘要: vxe-table 实现 excel 选择一个单元格,拖拽自动复制新的单元格 官网:https://vxetable.cn 鼠标按住右下角扩展按钮,当选取一个单元格时,自动将当前内容填充到扩展区域的所有单元格中 <template> <div> <vxe-grid v-bind="gridOptio 阅读全文
posted @ 2025-01-07 15:15 可不简单 阅读(84) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示