- 博客(67)
- 资源 (19)
- 收藏
- 关注
原创 vxe-tree 自定义插槽模板的用法,自定义标题,自定义图标
vxe-tree 自定义插槽模板的用法,自定义标题,自定义图标查看官网:https://vxeui.com/gitbub:https://github.com/x-extends/vxe-pc-uigitee:https://gitee.com/x-extends/vxe-pc-ui自定义图标自定义右侧按钮https://gitee.com/x-extends/vxe-pc-ui
2025-04-11 11:05:28
425
原创 vxe-table修改单元格高度的几种方式
vxe-table修改单元格高度的几种方式没,在开发项目时,有时默认的表格高度不能满足需求,这时候就可以调整默认的单元格高度。
2025-04-10 12:02:41
907
原创 vxe-print 打印 vxe-table 打印表格,实现只在第一页显示表头,其他页不需要表头
vxe-print 打印 vxe-table 打印表格,实现只在第一页显示表头,其他页不需要表头。
2025-04-07 14:43:20
365
原创 如何在 vue 渲染百万行数据,vxe-table 渲染百万行数据性能对比,超大量百万级表格渲染
vxe-table 渲染百万行数据性能对比,超大量百万级表格渲染;如何在 vue 渲染百万行数据;当在开发项目时,遇到需要流畅支持百万级数据的表格时, vxe-table 就可以非常合适了,不仅支持强大的功能,虚拟滚动渲染超大数据量也支持。
2025-03-28 17:06:23
943
原创 vxe-table 展开行的使用,子表复杂渲染,解决固定列与展开行重复渲染问题
vxe-table 展开行的使用,子表复杂渲染,解决固定列重复渲染问题,需要注意最新版本才支持同时支持虚拟滚动和展开行与固定列、子表复杂渲染,需要注意最新版本才支持。
2025-02-13 16:47:02
757
原创 vxe-table 同时开启行高和列宽拖拽调整,自定义拖拽单元格高度和宽度
vxe-table 同时开启行高和列宽拖拽调整,自定义拖拽单元格高度和宽度。
2025-02-08 14:06:32
845
原创 vxe-table 实现双击自适应行高,行高拖拽调整高度
通过 row-config.resizable 和 row-resize 启用行高拖拽功能以及 resizable-config.isDblclickAutoHeight 启用双击自适应行高。vxe-table 实现双击自适应行高,行高拖拽调整高度。
2025-01-22 11:43:16
923
原创 vxe-table 如何将行标记为删除状态,不是直接删除
vxe-table支持直接将数据标记待删除状态,通过调用setPendingRow方法标记为待删除状态。vxe-table如何将行标记为删除状态,不是直接删除。
2025-01-20 14:14:06
603
原创 vxe-tree 树组件懒加载的用法
vxe-tree 树组件懒加载的用法,通过 lazy 和 has-child-field 指定 当前节点是否使用异步加载,当点击展开时会自动调用 load-method 去加载子节点。
2024-12-06 13:07:11
410
原创 vxe-table 键盘操作,设置按键编辑方式,支持覆盖方式与追加方式
vxe-table 键盘操作,设置按键编辑方式,支持覆盖方式与追加方式;vxe-table 全键盘操作,按键编辑方式设置,覆盖方式与追加方式;通过 keyboard-config.editMode 设置按键编辑方式;支持覆盖方式编辑和追加方式编辑按键编辑方式单元格选取与按键编辑方式https://gitee.com/x-extends/vxe-table
2024-12-05 11:15:40
1522
原创 vxe-table 分享常用的在表格中使用 el 渲染,集成 element-plus 组件库的方式
vxe-table 分享常用的在表格中使用 element-plus 组件库的方式,在公司开发大型项目中,使用主流表格库 vxe-table 和 element-plus 组件库,可以在可编辑单元格中渲染非常简单的使用更多的组件,分享公司中常用的几种渲染方式,也可以使用插槽模板。
2024-11-28 13:34:51
1459
原创 vxe-form table 修改表单数据校验的主题样式
vxe-form table 修改表单数据校验的主题样式,在使用 vxe-form 表单校验时,数据校验可以支持2种主题样式。
2024-11-22 18:05:25
952
原创 vxe-table 分享实现无限滚动行方式
vue vxe-table 分享实现无限滚动行方式,实现无限滚动加载有多种方式,可以使用 scroll 事件,也可以使用 scroll-boundary 事件,能满足不同的需求场景。以下是分享使用 scroll-boundary 事件的用法。
2024-11-12 11:45:27
731
原创 vxe-table v3.10+ 分享实现拖拽行调整顺序、列拖拽调整顺序的用法
vxe-table v3.10+ 分享实现拖拽行调整顺序、列拖拽调整顺序的用法
2024-11-06 14:38:32
1122
1
原创 vue vxeui 上传组件 vxe-upload 全局配置上传方法,显示上传进度,最完美的配置方案
vue vxeui 上传组件 vxe-upload 全局配置上传方法,显示上传进度,最完美的配置方案
2024-10-30 10:54:06
762
原创 vxe-table 表格中使用输入框、整数限制、小数限制,单元格渲染数值输入框
vxe-table 表格中使用输入框、整数限制、小数限制,单元格渲染数值输入框
2024-10-28 10:44:24
1563
原创 Vxe UI vue vxe-table 虚拟树表格的使用,流畅的渲染万级数据树结构表格
Vxe UI vue vxe-table 虚拟树表格的使用,流畅的渲染万级数据树结构表格
2024-10-24 16:19:42
1044
原创 Vxe vue vxe-table 分享实现打印表格以及同时打印两张表
Vxe vue vxe-table 分享实现打印表格以及同时打印两张表vxe-table 默认情况下支持单表打印。在有些情况下,页面上同时有几张表,这时需要一次性打印出来。可以利用 Vxe 自带的分页打印功能,实现多张表同时打印。
2024-10-15 10:58:32
1368
原创 Vxe UI vue vxe-table 实现表格单元格选中功能
vue实现表格单元格选中功能在表格中实现鼠标点击任意单元格,选取的功能,通过 mouse-config 配置就可以开启单选功能,多选单元格选取功能需安装插件支持。
2024-10-08 14:41:10
1380
原创 Vxe UI vue vxe-table vxe-text-ellipsis 如何实现单元格多行文本超出、多行文本溢出省略
vue如何实现单元格多行文本超出、多行文本溢出省略。
2024-09-27 18:12:05
1429
原创 Vxe UI vue 使用 vxe-tabs 页签实现右侧操作按钮、关闭所有页签、关闭右侧、关闭左侧
vue 使用 vxe-tabs 页签实现右侧操作按钮、关闭所有页签、关闭右侧、关闭左侧
2024-09-25 11:13:26
1341
原创 Vxe UI vue vxe-table 实现自适应列宽,根据内容自适应列的宽度
vue实现自适应列宽,根据内容自适应列的宽度之前老版本是通过计算字符数量,然后给动态给每一列设置宽度,不仅麻烦,还不好复用。看了 API 发现 v4.7+ 和 v3.9+ 版本已经直接就能支持了,只需加上 width=‘auto’ 就能自适应宽度。
2024-09-19 17:50:37
1718
1
原创 Vxe UI vue vxe-table 实现表格数据分组功能,根据字段数据分组
Vxe UI vue vxe-table 实现表格数据分组功能,根据字段数据分组基于树结构功能就可以直接实现数据分组功能
2024-08-17 15:27:40
1107
原创 Vxe UI vue 使用 VxeUI.previewImage() 图片预览方法
Vxe UI vue 使用 VxeUI.previewImage() 图片预览方法
2024-06-04 12:36:27
527
原创 vue Vxe UI vxe-table 4.0-4.6 升级到 v4.7 报错
vue vxe-table 4.0-4.6 升级到 v4.7 报错
2024-05-28 20:50:47
730
原创 vxe-table 虚拟树、树形表格的使用
vxe-table 虚拟树、树形表格的使用如果开启虚拟树,只需要设置 y-scroll.gt(纵向虚拟滚动,默认100)或 x-scroll.gt (横向虚拟是滚动)transform 自动将列表转换为树结构rowKey 行的主键parentKey 行的父级主键<vxe-table :tree-config="{transform: true, rowKey: 'id', parentKey: 'parentId'}" :data="tableData"> <
2021-11-03 21:32:30
6314
3
原创 vxe-table 解决 tooltip 被弹出框遮挡
vxe-table 表格 tooltip 被弹出框遮挡,z-index 层级过低,解决方案通过设置参数解决,具体看文档import VXETable from 'vxe-table'// 全局默认参数VXETable.setup({ version: 0, zIndex: 999, // 想多高就设置多高 table: { autoResize: true }})...
2021-05-27 14:45:08
5736
原创 vxe-table 隐藏排序图标,去掉、不显示筛选图标,更换图标
vxe-table 隐藏排序图标,去掉、不显示筛选图标,更换图标通过设置 sort-config 和 filter-config 就可以分别设置对应的配置项:排序:sort-config.showIcon 设置是否显示图标sort-config.iconAsc 升序箭头图标sort-config.iconDesc 降序箭头图标筛选:filter-config.showIcon 设置是否显示图标filter-config.iconNone 默认显示的图标,指定 class 字体图标filt
2021-04-16 09:49:43
5944
1
原创 vxe-table 和 vxe-grid 的区别,有什么区别
vue vxe-ui vxe-table 和 vxe-grid 的区别,有什么区别
2021-03-25 18:35:10
11359
1
原创 vxe-table 导出 excel xlsx wps pdf 导出数据
vxe-table 导出 excel xlsx wps 导出数据默认支持的导出格式为:txt、html、xml、cvs导出 xlsx如果需要导出为 xlsx 格式文件,就需要用到 xlsx.js 这个库来转换数据,然后再安装 vxe-table-plugin-export-xlsx 导出插件,安装完成后列表中就可以选择 xlsx 类型了。npm install vxe-table-plugin-export-xlsx xlsx导出 pdf如果需要导出为 pdf 格式文件,就需要用到 j
2020-12-21 20:19:27
7052
21
xe-ajax-mock1.4.9.js
2018-02-10
xe-ajax3.0.13.js
2018-02-10
xe-ajax3.0.11.js
2018-02-09
xe-ajax-mock1.4.7.js
2018-02-09
vue+vue-router+resquirejs+xe-ajax+mock 项目例子
2018-02-08
xe-ajax-mock1.4.5.js
2018-02-08
xe-ajax3.0.9.js
2018-02-08
X-Tool轻量级javascript类库1.0.1
2015-05-03
X-Tool 轻量级JavaScript类库1.0.0
2015-05-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人