随笔分类 -  vxe-table

摘要:如何用 vxe-table 实现列头筛选,在每一列下方增加一个筛选单元格,可以对数据直接进行渲染,记得需要最新版本才支持 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gite 阅读全文
posted @ 2025-09-28 16:01 可不简单 阅读(33) 评论(0) 推荐(0)
摘要:vxe-table 如何在单元格内容渲染成可点击复制的文本 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table 通过 ce 阅读全文
posted @ 2025-09-18 09:07 可不简单 阅读(24) 评论(0) 推荐(0)
摘要:vxe-table 如果设置表头和表尾单元格文本超出提示框主题色,自定义文本溢出提示的主题色,默认是黑色的,可以通过 tooltipConfig.theme='light' 来设置 查看官网:https://vxetable.cn gitbub:https://github.com/x-extend 阅读全文
posted @ 2025-09-12 09:40 可不简单 阅读(41) 评论(0) 推荐(0)
摘要:如何用 vxe-table 实现2个树表格可以互相拖拽数据 row-drag-config.isCrossTableDrag 启用跨表格、多表格互相拖拽。 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table g 阅读全文
posted @ 2025-09-11 08:33 可不简单 阅读(35) 评论(0) 推荐(0)
摘要:vxe-table 单元格超出隐藏内容提示使用自定义插槽模板 当内容溢出时显示为省略号,show-overflow 和 show-header-overflow 和 show-footer-overflow 如果需要更灵活的展示,还可以使用自定义提示插槽模板,通过 headert-tooltip、t 阅读全文
posted @ 2025-09-05 18:00 可不简单 阅读(71) 评论(0) 推荐(0)
摘要:vxe-table 工具栏的内置功能按钮怎么修改顺序以及自定义样式 在开启导入、导出、打印、刷新、全屏、自定义等功能后,那几个按钮是固定在右上角的 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee 阅读全文
posted @ 2025-09-02 16:23 可不简单 阅读(42) 评论(0) 推荐(0)
摘要:如何使用 vxe-table 实现穿梭框的功能,同时还能支持数据拖拽穿梭 使用 vxe-table 来实现该功能非常简单,以下的使用方法及说明 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:h 阅读全文
posted @ 2025-09-02 09:55 可不简单 阅读(89) 评论(0) 推荐(0)
摘要:vxe-table 实现列表单元格的合并,将多个列头合并为一个的实现方式 在使用 vxe-table 时,如果需要合并单元格非常简单,只需要通过 merge-cells 就可以非常轻松的合并单元格,但是需要合并列表就非常难了。好消息的最新版本支持列头合并了,只需要通过 merge-header-ce 阅读全文
posted @ 2025-08-29 15:42 可不简单 阅读(131) 评论(0) 推荐(0)
摘要:vue 如何使用 vxe-table 来实现跨表拖拽,多表联动互相拖拽数据 row-drag-config.isCrossTableDrag 启用跨表格、多表格互相拖拽;跨表拖拽需要确保数据主键不重复,通过 row-config.keyField 指定主键字段名 查看官网:https://vxeta 阅读全文
posted @ 2025-08-27 15:27 可不简单 阅读(61) 评论(0) 推荐(0)
摘要:vue vxe-table 如何实现表格设置默认行高同时又支持自定义行高 在有些产品需求中,列表需要设置默认行高,还得同时支持自适应高度,那么对于这种情况也是可以实现的,首先将默认行高通过 css 变量修改,然后再启用自定义行高,就可以轻松实现这个功能了。 查看官网:https://vxetable 阅读全文
posted @ 2025-08-07 22:00 可不简单 阅读(150) 评论(0) 推荐(0)
摘要:vue vxe-table 实现列个性化自定义列功能,自动记忆用户的操作列状态,完整的详细教程 在开发 ERP 系统或后台管理系统时,经常需要用到的记忆列状态的功能,就是不同用户根据不同的列表页面,比如将用户主动将常用的列显示出来和不常用的列隐藏,列冻结状态等,刷新页面或者下次进入页面后自动回复成上 阅读全文
posted @ 2025-08-04 11:32 可不简单 阅读(440) 评论(0) 推荐(0)
摘要:vxe-table 实现服务端筛选、分页筛选 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table 配置 filter-co 阅读全文
posted @ 2025-07-28 15:23 可不简单 阅读(224) 评论(0) 推荐(0)
摘要:vxe-table 实现编辑文本域,支持拖拽高度,自适应高度、自定义高度的方式 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-t 阅读全文
posted @ 2025-07-22 16:48 可不简单 阅读(266) 评论(0) 推荐(0)
摘要:vxe-table 通过配置 ajax 方式自动请求数据,适用于简单场景的列表 当系统中很多页面都是简单列表时,每次都要手动去请求接口后再赋值,过程就会比较冗余繁琐。解决方式一般就是将封装一下。本章的方式是通过 vxe-grid 配置 ajax 来实现自动请求加载数据,无需封装组件,适用于通用简单列 阅读全文
posted @ 2025-07-21 15:41 可不简单 阅读(113) 评论(0) 推荐(0)
摘要:vue vxe-table 自适应列宽,根据内容自适应宽度的2种使用方式 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-tabl 阅读全文
posted @ 2025-07-01 15:11 可不简单 阅读(190) 评论(0) 推荐(0)
摘要:如何使用 vue vxe-table 来实现一个产品对比表表格 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table 效果 阅读全文
posted @ 2025-06-26 16:15 可不简单 阅读(96) 评论(0) 推荐(0)
摘要:vxe-table vue 表格禁用单元格编辑的2种实现方式 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table 阻止激活 阅读全文
posted @ 2025-06-25 10:15 可不简单 阅读(172) 评论(0) 推荐(0)
摘要:使用 vue vxe-table 实现复选框禁用,根据行规则来禁用是否允许被勾选选中 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vx 阅读全文
posted @ 2025-06-23 10:12 可不简单 阅读(174) 评论(0) 推荐(0)
摘要:vxe-table如何自定义拖拽列宽最小列宽限制,在不改变列min-width的情况下, 例如需要自定义最小列宽的限制,默认是继承 column.min-width 限制,当需要脱离列限制时就有用了 查看官网:https://vxetable.cn gitbub:https://github.com 阅读全文
posted @ 2025-06-13 16:26 可不简单 阅读(87) 评论(0) 推荐(0)
摘要:vxe-table 如何实现直接渲染输入框控件,不需要点击编辑方式,直接就显示文本框 实现思路通过自定义插槽模板来渲染控件,基本上任何 vue 的组件都能渲染,区别就是性能可能不太好,对于需求必须要这样实现的场景就非常有用了。 查看官网:https://vxetable.cn gitbub:http 阅读全文
posted @ 2025-06-10 15:39 可不简单 阅读(78) 评论(0) 推荐(0)