摘要: 官网: https://vxetable.cn 导出 HTML 文件 打开 html 文件 <template> <div> <vxe-button @click="exportEvent">直接导出 HTML 文件</vxe-button> <vxe-table show-footer ref=" 阅读全文
posted @ 2024-11-21 15:28 可不简单 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 导出时单元格类型默认是自动转换的,如果是需要字符串类型,可以通过 column.cell-type 设置 <template> <div> <vxe-button @click="exportEvent">直接导出 CSV 文件</vxe-button> <vxe-table show-footer 阅读全文
posted @ 2024-11-21 15:26 可不简单 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 官网: https://vxetable.cn 轻量级图表,超高性能的在表格中渲染柱状图,即使是渲染上万条数据单元格图表,也是丝滑流畅。 npm install vxe-pc-ui@4.3.2 vxe-table@4.9.3 @vxe-ui/plugin-render-chart@4.0.1 // 阅读全文
posted @ 2024-11-21 15:24 可不简单 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 官网: https://vxetable.cn 实现表格通过右键菜单渲染折线图、饼图、柱状图等 <template> <div> <vxe-grid v-bind="gridOptions" @menu-click="menuClickEvent"> </vxe-grid> </div> </tem 阅读全文
posted @ 2024-11-21 15:19 可不简单 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 官网: https://vxetable.cn 通过手动调用 exportData 方法可以直接导出文件 npm install vxe-pc-ui@4.3.2 vxe-table@4.9.3 @vxe-ui/plugin-export-pdf@4.0.8 jspdf@2.5.2 <script t 阅读全文
posted @ 2024-11-21 15:15 可不简单 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 通过手动调用 exportData 方法可以直接导出文件,导出时单元格类型默认是自动转换的,如果是需要字符串类型,可以通过 column.cell-type 设置,也可以调用 openExport 方法打开导出面板 官网: https://vxetable.cn npm install vxe-pc 阅读全文
posted @ 2024-11-21 15:10 可不简单 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 官网: https://vxetable.cn 复制粘贴,通过 keyboard-config.isClip 启用,支持快捷键操作: Ctrl + A 选择全部单元格; Ctrl + X 将单元格标记为剪贴状态并将内容复制到剪贴板(支持 Excel 和 WPS) ; Ctrl + C 将单元格标记为 阅读全文
posted @ 2024-11-21 15:05 可不简单 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 官网: https://vxetable.cn 查找与替换,通过 keyboard-config.isFNR 启用,支持快捷键 Ctrl + F 查找数据,全表或指定区域查找数据 ; Ctrl + H 替换数据,全表或指定区域替换数据 ; <template> <div> <vxe-table bo 阅读全文
posted @ 2024-11-21 15:02 可不简单 阅读(0) 评论(0) 推荐(0) 编辑
摘要: 官网: https://vxetable.cn 在公司开发列表时,经常会遇到需求打印出货单,接下来分享如何在 vxe-table 灵活的使用打印功能,非常简单就能实现能自定义的出货单打印。 安装 npm install vxe-pc-ui@4.3.2 vxe-table@4.9.3 // ... i 阅读全文
posted @ 2024-11-21 14:37 可不简单 阅读(3) 评论(0) 推荐(0) 编辑