摘要: 使用 vxe-table 导出 excel,支持带数值、货币、图片等带格式导出,通过官方自动的导出插件 plugin-export-xlsx 实现导出功能 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table g 阅读全文
posted @ 2025-03-06 11:32 可不简单 阅读(18) 评论(0) 推荐(0) 编辑
摘要: vue vxe-color-picker 颜色选择器,启用取色管功能,选取页面内任意颜色 官网:https://vxeui.com github:https://github.com/x-extends/vxe-pc-ui gitee:https://gitee.com/x-extends/vxe- 阅读全文
posted @ 2025-03-04 12:06 可不简单 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 使用 vxe-table 复选框启用 checkbox-config.reserve 跨页多选时,如何保留勾选状态,自动根据勾选来决定半选状态 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:h 阅读全文
posted @ 2025-03-04 10:37 可不简单 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 使用 vxe-table 修改css默认样式,修改边框背景色,单元格默认高度详细说明 由于项目的需求,可能需要对默认的表格样式就行修改覆盖,但是又不想影响到原有的功能,这时候就可以通过自带的 css 变量来修改样式,非常简单就能修改。 通过 css 变量可以非常灵活的实现局部修改,当个表格修改、全局 阅读全文
posted @ 2025-02-21 11:18 可不简单 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 如果使用 vxe-grid 全配置式给单元格字段格式化内容,格式化下拉选项内容 公司的业务需求是自定义配置好的数据源,通过在列中配置好数据,全 json 方式直接返回给前端渲染,不需要写任何格式化方法。 官网:https://vxetable.cn npm install vxe-pc-ui@4.3 阅读全文
posted @ 2025-02-17 18:20 可不简单 阅读(23) 评论(0) 推荐(0) 编辑
摘要: vxe-grid 通过配置式给单元格字段格式化树结构数据,转换树结构节点 比如用户自定义配置好的数据源,通过在列中配置好数据,全 json 方式直接返回给前端渲染,不需要写任何格式化方法。 官网:https://vxetable.cn npm install vxe-pc-ui@4.3.90 vxe 阅读全文
posted @ 2025-02-17 18:20 可不简单 阅读(13) 评论(0) 推荐(0) 编辑
摘要: vxe-table 使用展开行的两种模式详解, vxe-table 4.11+ v3.13+展开内容支持两种方式,固定和内嵌,其中默认的固定模式是全功能的,内嵌模式不支持虚拟滚动。 官网:https://vxetable.cn 安装 npm install vxe-pc-ui@4.3.90 vxe- 阅读全文
posted @ 2025-02-16 13:51 可不简单 阅读(105) 评论(0) 推荐(0) 编辑
摘要: vxe-table 展开行的使用,子表复杂渲染,解决固定列与展开行重复渲染问题,需要注意最新版本才支持 官网:https://vxetable.cn 同时支持虚拟滚动和展开行与固定列、子表复杂渲染,需要注意最新版本才支持 使用 <template> <div> <vxe-grid v-bind="g 阅读全文
posted @ 2025-02-13 16:52 可不简单 阅读(61) 评论(0) 推荐(0) 编辑
摘要: vxe-table 使用树结构点击筛选,子节点筛选,启用树结构后会同时对每个层级的子节点进行筛选 官网:https://vxetable.cn 效果 <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </templa 阅读全文
posted @ 2025-02-12 13:43 可不简单 阅读(51) 评论(0) 推荐(0) 编辑
摘要: vxe-table 使用树结构点击排序,子节点排序,启用树结构后会同时对每个层级的子节点进行排序 官网:https://vxetable.cn 效果 <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </templa 阅读全文
posted @ 2025-02-11 16:21 可不简单 阅读(23) 评论(0) 推荐(0) 编辑