摘要: 在 vxe-table 中使用 vxe-grid 渲染表格,当配置式不能满足需求时,。需要使用自定义插槽模板来自定义业务需求,实现更灵活的功能。vxe-grid 支持多种自定义方式,可以使用插槽模板,也可以使用插槽来自定义模板。 官网: https://vxetable.cn 自定义单元格模板 <t 阅读全文
posted @ 2024-11-21 21:20 可不简单 阅读(6) 评论(0) 推荐(0) 编辑
摘要: vxe-table 是一个vue的表格组件,支持可编辑和虚拟滚动高性能表格,公司使用了几年的表格,grid 渲染器扩展功能非常强大。 官网: https://vxetable.cn npm install vxe-pc-ui@4.3.2 vxe-table@4.9.3 // ... import V 阅读全文
posted @ 2024-11-21 15:53 可不简单 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 官网: https://vxetable.cn 通过 range 启用范围选中,启用后鼠标按住复选框的列,向上或向下滑动选取,支持快捷键; MouseLeft 按住复选框的列,向上或向下滑动选取; MouseLeft + Ctrl 局部选取/取消; <template> <div> <vxe-tab 阅读全文
posted @ 2024-11-21 15:50 可不简单 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 官网: https://vxetable.cn 导出 XML 文件 打开 xml 文件,部分截图 <template> <div> <vxe-button @click="exportEvent">直接导出 XML 文件</vxe-button> <vxe-table show-footer ref 阅读全文
posted @ 2024-11-21 15:31 可不简单 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 官网: https://vxetable.cn 导出 Txt 文件 打卡 txt 文件 <template> <div> <vxe-button @click="exportEvent">直接导出 Txt 文件</vxe-button> <vxe-table show-footer ref="tab 阅读全文
posted @ 2024-11-21 15:30 可不简单 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 官网: 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) 编辑
摘要: 专业的表格控件 SpreadJS 、ad-grid、vxe-table 对比评测,仅对个人实际使用中的开发体验分享、仅供参考 做过很多大型项目,ERP、企业内部管理系统,一个系统好不好用基本就是看表格做得好不好了。一般业务的列表页面、增删改查页面、表单页面等。 总结实现 Excel 在线协同功能就选 阅读全文
posted @ 2024-11-21 14:46 可不简单 阅读(6) 评论(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) 编辑