- 博客(77)
- 资源 (19)
- 收藏
- 关注
RSS订阅原创 vxe-table 虚拟滚动不生效配置
在使用 vxe-table 时，虚拟滚动功能在不同版本中的默认设置可能不一致，低版本默认开启，而高版本可能默认关闭。为了确保所有版本的兼容性，建议手动配置虚拟滚动。通过 VXETable.setup 方法，可以设置 scrollX 和 scrollY 的 enabled 参数为 true，并指定触发虚拟滚动的行数阈值（如 gt: 100）。这样，当数据超过100行时，虚拟滚动将自动启用，确保表格性能优化。
2025-05-21 16:33:43
181
原创 vxe-table 合并单元格、分组列头的用法教程
vxe-table 提供了合并单元格和分组列头的功能，通过 mergeCells 配置可以实现单元格的合并。具体用法是通过设置 mergeCells 数组，指定 row（起始行）、col（起始列）、rowspan（合并行数）和 colspan（合并列数）来定义合并规则。例如，代码中从第 0 行第 3 列开始，合并 4 行 1 列。此外，columns 配置支持嵌套子列，实现分组列头效果。通过 children 属性可以定义多级列头结构，如 Group1 和 Group2 的分组列头。更多详细用法可参考 vx
2025-05-20 11:43:24
436
原创 vxe-table 实现当在最后一行时，回车自动新增一行数据
vxe-table 提供了一个功能，当用户在表格的最后一行按下回车键时，可以自动新增一行数据。这一功能通过设置 keyboardConfig.isLastEnterAppendRow 为 true 来实现。用户可以在表格的配置中启用此功能，确保在编辑模式下，按下回车键后会自动在表格末尾添加新行。此功能适用于需要频繁添加数据的场景，提升用户体验。代码示例展示了如何在 Vue.js 项目中使用 vxe-table 实现这一功能。更多详细信息和文档可以参考 vxe-table 的官网和 GitHub、Gitee
2025-05-14 07:46:31
907
原创 Vxe UI vue vxe-table 实现表格数据分组功能，不是使用树结构，直接数据分组
Vxe UI 的 vxe-table 组件支持通过配置 rowGroupConfig.groupFields 实现表格数据的分组功能，而无需使用树结构。在示例代码中，通过指定 groupFields 为 ['role']，表格数据将根据 role 字段进行分组。表格的列配置包括 name、role、sex、age 和 address，其中 name 列被设置为分组节点。数据源包含多个用户信息，表格将根据 role 字段自动分组显示。更多信息可参考 Vxe Table 的官网、GitHub 或 Gitee 仓
2025-05-13 13:50:25
715
原创 vxe-table vxe-modal 在弹窗中实现左边树和右边表格
vxe-table vxe-modal 在弹窗中实现左边树和右边表格查看官网：https://vxetable.cngitbub：https://github.com/x-extends/vxe-tablegitee：https://gitee.com/x-extends/vxe-table
2025-05-06 08:15:00
1355
原创 vxe-form 实现多页签表单验证
vxe-form 实现多页签表单验证查看官网：https://vxeui.com/gitbub：https://github.com/x-extends/vxe-pc-uigitee：https://gitee.com/x-extends/vxe-pc-ui
2025-05-05 12:29:04
495
原创 vxe-table 实现根据选择年月来动态生成月份表头
实现效果就是选日期后，根据当前年份生成月份对应的列，再请求接口加载数据。vxe-table 实现根据选择年月来动态生成月份表头。
2025-04-29 10:19:45
754
原创 教程 vxe-table 实现点击按钮上下移动行排序
实现步骤，通过调用 moveRowTo 移动到对应的行位置，来实现行排序功能。教程 vxe-table 实现点击按钮上下移动行排序。
2025-04-25 10:53:23
850
原创 使用 vxe-table 来格式化任意的金额格式，支持导出与复制单元格格式到 excel
使用 vxe-table 来格式化任意的金额格式，支持导出与复制单元格格式到 excel查看官网：https://vxetable.cngitbub：https://github.com/x-extends/vxe-tablegitee：https://gitee.com/x-extends/vxe-table格式化金额通过内置的 FormatNumberInput 格式化数值渲染器，配置 type = amount 为货币类型就可以了导出到 excel支持导出分组表头、合并、单元格类型、导出
2025-04-16 15:07:35
770
原创 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
789
原创 vxe-table修改单元格高度的几种方式
vxe-table修改单元格高度的几种方式没，在开发项目时，有时默认的表格高度不能满足需求，这时候就可以调整默认的单元格高度。
2025-04-10 12:02:41
1087
原创 vxe-print 打印 vxe-table 打印表格，实现只在第一页显示表头，其他页不需要表头
vxe-print 打印 vxe-table 打印表格，实现只在第一页显示表头，其他页不需要表头。
2025-04-07 14:43:20
425
原创 如何在 vue 渲染百万行数据，vxe-table 渲染百万行数据性能对比，超大量百万级表格渲染
vxe-table 渲染百万行数据性能对比，超大量百万级表格渲染；如何在 vue 渲染百万行数据；当在开发项目时，遇到需要流畅支持百万级数据的表格时， vxe-table 就可以非常合适了，不仅支持强大的功能，虚拟滚动渲染超大数据量也支持。
2025-03-28 17:06:23
1002
原创 vxe-table 展开行的使用，子表复杂渲染，解决固定列与展开行重复渲染问题
vxe-table 展开行的使用，子表复杂渲染，解决固定列重复渲染问题，需要注意最新版本才支持同时支持虚拟滚动和展开行与固定列、子表复杂渲染，需要注意最新版本才支持。
2025-02-13 16:47:02
826
原创 vxe-table 同时开启行高和列宽拖拽调整，自定义拖拽单元格高度和宽度
vxe-table 同时开启行高和列宽拖拽调整，自定义拖拽单元格高度和宽度。
2025-02-08 14:06:32
888
原创 vxe-table 实现双击自适应行高，行高拖拽调整高度
通过 row-config.resizable 和 row-resize 启用行高拖拽功能以及 resizable-config.isDblclickAutoHeight 启用双击自适应行高。vxe-table 实现双击自适应行高，行高拖拽调整高度。
2025-01-22 11:43:16
1032
原创 vxe-table 如何将行标记为删除状态，不是直接删除
vxe-table支持直接将数据标记待删除状态，通过调用setPendingRow方法标记为待删除状态。vxe-table如何将行标记为删除状态，不是直接删除。
2025-01-20 14:14:06
639
原创 vxe-tree 树组件懒加载的用法
vxe-tree 树组件懒加载的用法，通过 lazy 和 has-child-field 指定 当前节点是否使用异步加载，当点击展开时会自动调用 load-method 去加载子节点。
2024-12-06 13:07:11
481
原创 vxe-table 键盘操作，设置按键编辑方式，支持覆盖方式与追加方式
vxe-table 键盘操作，设置按键编辑方式，支持覆盖方式与追加方式；vxe-table 全键盘操作，按键编辑方式设置，覆盖方式与追加方式；通过 keyboard-config.editMode 设置按键编辑方式；支持覆盖方式编辑和追加方式编辑按键编辑方式单元格选取与按键编辑方式https://gitee.com/x-extends/vxe-table
2024-12-05 11:15:40
1571
原创 vxe-table 分享常用的在表格中使用 el 渲染，集成 element-plus 组件库的方式
vxe-table 分享常用的在表格中使用 element-plus 组件库的方式，在公司开发大型项目中，使用主流表格库 vxe-table 和 element-plus 组件库，可以在可编辑单元格中渲染非常简单的使用更多的组件，分享公司中常用的几种渲染方式，也可以使用插槽模板。
2024-11-28 13:34:51
1632
原创 vxe-form table 修改表单数据校验的主题样式
vxe-form table 修改表单数据校验的主题样式，在使用 vxe-form 表单校验时，数据校验可以支持2种主题样式。
2024-11-22 18:05:25
1023
原创 vxe-table 分享实现无限滚动行方式
vue vxe-table 分享实现无限滚动行方式，实现无限滚动加载有多种方式，可以使用 scroll 事件，也可以使用 scroll-boundary 事件，能满足不同的需求场景。以下是分享使用 scroll-boundary 事件的用法。
2024-11-12 11:45:27
821
原创 vxe-table v3.10+ 分享实现拖拽行调整顺序、列拖拽调整顺序的用法
vxe-table v3.10+ 分享实现拖拽行调整顺序、列拖拽调整顺序的用法
2024-11-06 14:38:32
1249
1
原创 vue vxeui 上传组件 vxe-upload 全局配置上传方法，显示上传进度，最完美的配置方案
vue vxeui 上传组件 vxe-upload 全局配置上传方法，显示上传进度，最完美的配置方案
2024-10-30 10:54:06
838
原创 vxe-table 表格中使用输入框、整数限制、小数限制，单元格渲染数值输入框
vxe-table 表格中使用输入框、整数限制、小数限制，单元格渲染数值输入框
2024-10-28 10:44:24
1814
原创 Vxe UI vue vxe-table 虚拟树表格的使用，流畅的渲染万级数据树结构表格
Vxe UI vue vxe-table 虚拟树表格的使用，流畅的渲染万级数据树结构表格
2024-10-24 16:19:42
1135
原创 Vxe vue vxe-table 分享实现打印表格以及同时打印两张表
Vxe vue vxe-table 分享实现打印表格以及同时打印两张表vxe-table 默认情况下支持单表打印。在有些情况下，页面上同时有几张表，这时需要一次性打印出来。可以利用 Vxe 自带的分页打印功能，实现多张表同时打印。
2024-10-15 10:58:32
1433
1
原创 Vxe UI vue vxe-table 实现表格单元格选中功能
vue实现表格单元格选中功能在表格中实现鼠标点击任意单元格，选取的功能，通过 mouse-config 配置就可以开启单选功能，多选单元格选取功能需安装插件支持。
2024-10-08 14:41:10
1441
原创 Vxe UI vue vxe-table vxe-text-ellipsis 如何实现单元格多行文本超出、多行文本溢出省略
vue如何实现单元格多行文本超出、多行文本溢出省略。
2024-09-27 18:12:05
1523
原创 Vxe UI vue 使用 vxe-tabs 页签实现右侧操作按钮、关闭所有页签、关闭右侧、关闭左侧
vue 使用 vxe-tabs 页签实现右侧操作按钮、关闭所有页签、关闭右侧、关闭左侧
2024-09-25 11:13:26
1391
原创 Vxe UI vue vxe-table 实现自适应列宽，根据内容自适应列的宽度
vue实现自适应列宽，根据内容自适应列的宽度之前老版本是通过计算字符数量，然后给动态给每一列设置宽度，不仅麻烦，还不好复用。看了 API 发现 v4.7+ 和 v3.9+ 版本已经直接就能支持了，只需加上 width=‘auto’ 就能自适应宽度。
2024-09-19 17:50:37
1955
1
原创 Vxe UI vue vxe-table 实现表格数据分组功能，根据字段数据分组
Vxe UI vue vxe-table 实现表格数据分组功能，根据字段数据分组基于树结构功能就可以直接实现数据分组功能
2024-08-17 15:27:40
1183
原创 Vxe UI vue 使用 VxeUI.previewImage() 图片预览方法
Vxe UI vue 使用 VxeUI.previewImage() 图片预览方法
2024-06-04 12:36:27
556
X-Tool 轻量级JavaScript类库1.0.0
2015-05-01
xe-ajax-mock1.4.5.js
2018-02-08
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
X-Tool轻量级javascript类库1.0.1
2015-05-03
vue+vue-router+resquirejs+xe-ajax+mock 项目例子
2018-02-08
xe-ajax3.0.9.js
2018-02-08
xe-ajax-mock1.4.9.js
2018-02-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人