- 博客(72)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 vxe-table 启用 checkbox-config.reserve 实现分页复选框选择功能、获取已选数据的用法
vxe-table 启用 checkbox-config.reserve 实现分页复选框选择功能、获取已选数据的用法查看官网：https://vxetable.cngitbub：https://github.com/x-extends/vxe-tablegitee：https://gitee.com/x-extends/vxe-table获取已选择数据分为2个方法，一个是获取当前页 getCheckboxRecords()，一个是获取已保留 getCheckboxReserveRecords()getC
2025-04-08 18:06:49
565
原创 vxe-table 如何实现左边是树，右边是表格联动操作
vxe-table 如何实现左边是树，右边是表格联动操作，当需要实现左右两侧联动时，表格 vxe-grid 配合分割模板 vxe-split 就很容易实现了查看官网：https://vxetable.cngitbub：https://github.com/x-extends/vxe-tablegitee：https://gitee.com/x-extends/vxe-tablehttps://gitee.com/x-extends/vxe-table
2025-03-27 14:31:42
275
原创 vxe-table 实现行的上移和下移功能，行移动功能
vxe-table 实现行的上移和下移功能，行移动功能，实现用户点击上一行、下一行排序功能，同样也支持鼠标拖拽排序。
2025-03-10 08:15:00
974
原创 vue vxe-color-picker 颜色选择器，启用取色管功能，选取页面内任意颜色
参数 show-eye-dropper 用于启用取色管功能，需要注意的是指支持谷歌浏览器。vue vxe-color-picker 颜色选择器，启用取色管功能，选取页面内任意颜色。
2025-03-04 12:04:43
307
原创 vxe-table 如何定制化样式，修改默认样式，修改边框背景色，单元格默认高度详细教程 - css样式方式
vxe-table 如何定制化样式，修改默认样式，修改边框背景色，单元格默认高度详细教程 - css样式方式由于项目的需求，可能需要对默认的表格样式就行修改覆盖，但是又不想影响到原有的功能，这时候就可以通过自带的 css 变量来修改样式，非常简单就能修改。通过 css 变量可以非常灵活的实现局部修改，当个表格修改、全局修改样式。查看官网：https://vxetable.cngitbub：https://github.com/x-extends/vxe-tablegitee：https://gite
2025-02-21 11:15:13
1058
原创 vxe-table 如何实现跟 Excel 一样的数值或金额的负数自动显示红色字体
vxe-table 如何实现跟 Excel 一样的数值或金额的负数自动显示红色字体，当输入的值为负数时，会自动显示红色字体，对于数值或者金额输入时该功能就非常有用了。
2025-02-20 08:30:00
836
原创 vxe-table 使用展开行的两种模式详解
vxe-table 使用展开行的两种模式详解， vxe-table 4.11+ v3.13+展开内容支持两种方式，固定和内嵌，其中默认的固定模式是全功能的，内嵌模式不支持虚拟滚动。查看官网：https://vxetable.cngitbub：https://github.com/x-extends/vxe-tablegitee：https://gitee.com/x-extends/vxe-table固定模式，渲染性能最好，支持冻结列、虚拟滚动和单元格选择等内嵌模式内嵌模式，渲染性能较差，支持冻结列
2025-02-17 08:30:00
954
原创 如何修改 vxe-table 单元格的默认行高
如何修改 vxe-table 单元格的默认行高，比如公司需求需要将行高调整到很低，默认的行高比较大。那么可以通过一下方式修改。
2025-02-11 09:44:21
846
原创 vxe-table 实现行高拖拽功能
通过 row-config.resizable 和 row-resize 启用行高拖拽功能，当需要多列允许触发行高拖拽时，通过 row-resize 指定任意列。在 vxe-table 中实现行高拖拽功能非常简单，只需要以下几个参数就能开启，需要注意更新到最新版本才支持该功能。
2025-01-15 22:00:12
454
原创 周选择器 vxe-date-picker 自定义一周开始日
周选择器 vxe-date-picker 自定义一周开始日，通过参数 start-day 来指定周的开始日。
2025-01-04 15:33:08
293
原创 使用 vxe-table 来实现任意列拖拽、任意树表格行拖拽、实现步骤详解
使用 vxe-table 来实现任意列拖拽、任意树表格行拖拽查看官网：https://vxetable.cngithub https://github.com/x-extends/vxe-table通过 column-drag-config.isCrossDrag 启用跨层级拖拽；通过 column-drag-config.isSelfToChildDrag 启用允许自己拖拽给自己的子级；通过 column-drag-config.isToChildDrag 启用便捷拖拽成子节点，拖拽的同时按住 Ct
2024-12-13 10:56:39
1002
原创 vue vxe-table 实现财务记账凭证并打印
vue vxe-table 实现财务记账凭证；使用 vxe-table 实现财务记账凭证非常简单，实现在线实时编辑的记账凭证、自动合计金额等官网：https://vxetable.cn/https://gitee.com/x-extends/vxe-table
2024-12-08 16:30:30
495
原创 vxe-table 在表格中实现粘贴上传图片、附件
vxe-table 在表格中实现粘贴上传图片、附件；看看 vxe-table 渲染器强大到什么地步；在开发需求中，经常会在表格列表中放入图片展示，例如头像、视频图片，附件列表等，但需要对表格批量操作是，会比较繁琐，那么有没有方便操作一点的放呢，肯定是有的；
2024-12-04 15:03:55
897
原创 vxe-table v4.9+、v3.11+ 发布，渲染性能大幅提升，大幅降低白屏渲染空白期、支持动态列宽、动态行高
vxe-table v4.9.9、v3.11.10 发布，渲染性能大幅提升，大幅降低白屏渲染空白期、支持动态列宽、动态行高；vxe-table 从 v1 ~ v4 已经发布很多版本，不管是功能还是性能已经很完善。v4.9.9 / v3.11.10 主要是解决动态行高与虚拟滚动与动态行高的问题、复杂度高的渲染出现渲染期空白的问题解决
2024-11-28 16:13:28
625
原创 vxe-table 打印出货单、自定义打印单据
在开发 ERP 或内部系统时，经常会遇到需求打印出货单，接下来分享如何在 vxe-table 灵活的使用打印功能，非常简单就能实现能自定义的出货单打印。页面上的打印区用蓝色边框标注了，方便看出效果vxe-table 打印出货单、自定义打印单据https://gitee.com/xuliangzhan/vxe-table
2024-11-21 13:07:35
1125
原创 vxe-table v4.8+ 实现拖拽行调整顺序、行拖动顺序调整排序、列拖拽调整顺序、列排序拖拽
vxe-table v4.8+ 实现拖拽行调整顺序、行拖动顺序调整排序、列拖拽调整顺序、列排序拖拽
2024-11-06 14:31:27
973
原创 vxe-table v4.8+ 与 v3.10+ 导出 xlsx、支持导出合并、设置样式、宽高、边框、字体、背景、超链接、图片的详细介绍，一篇就够了
Vxe UI vue vxe-table v4.8+ 与 v3.10+ 导出 xlsx、支持导出合并、设置样式、宽高、边框、字体、背景、超链接、图片等、所有常用的 Excel 格式都能自定义，使用非常简单，纯前端实现复杂的导出。
2024-11-05 10:50:19
1121
原创 vxe-table v4.8+ 与 v3.10+ 虚拟滚动支持动态行高，虚拟渲染更快了
vxe-table v4.8+ 虚拟滚动支持动态行高，虚拟渲染更快了
2024-10-31 13:22:14
808
1
原创 Vxe UI vue vxe-table 表格中使用下拉表格，单元格渲染下拉表格
Vxe UI vue vxe-table 表格中使用下拉表格，单元格渲染下拉表格
2024-10-28 10:31:01
649
原创 Vxe UI vue vxe-table grid 如何滚动、定位到指定行或列
Vxe UI vue vxe-table vxe-grid 在表格中有时候需要对数据会列进行操作。滚动定位到某一行或某一列，vxe-table 中提供了丰富的函数式 API，可以轻松对行与列进行各种的灵活的操作
2024-10-16 15:25:47
1752
原创 Vxe UI vue vxe-table grid 性能优化，提高渲染性能
Vxe UI vue vxe-table grid 性能优化，提高渲染性能
2024-10-15 16:09:49
3504
原创 Vxe UI vue vxe-table select 下拉框选项列表数据量超大过大时卡顿解决方法
Vxe UI vue vxe-table select 下拉框选项列表数据量超大过大时卡顿解决方法
2024-10-10 11:55:13
1684
原创 Vxe UI vue vxe-table vxe-grid 单元格与表尾单元格如何格式化数据
vuevxe-grid 单元格与表尾单元格如何格式化数据
2024-09-25 11:24:52
1104
原创 Vxe UI vxe-table column 根据内容的长度来自适应列的宽度
vue根据内容的长度来自适应列的宽度列的 width 宽度支持多种格式（默认情况下是等比例分配）：固定像素：100 或者 ‘100px’百分比：‘20%’自适应内容：‘auto’
2024-07-12 19:06:20
1550
原创 Vxe UI vxe-table custom 实现自定义列服务端保存，服务端恢复状态，实现用户个性化列信息保存
Vxe UI vxe-table custom 实现自定义列服务端保存，服务端恢复状态，实现用户个性化列信息保存
2024-06-13 09:11:00
1935
1
原创 Vxe UI vxe-modal 实现窗口的最大化与最小化，实现弹出多窗口
vue vue vxe-modal 实现窗口的最大化与最小化，实现弹出多窗口。
2024-06-11 11:50:40
1551
原创 Vxe UI vxe-form 实现折叠表单，当表单很多时实现自动收起与展开
Vxe UI vxe-form 实现折叠表单，当表单很多时实现自动收起与展开
2024-06-07 20:51:55
1334
原创 vue 使用 Vxe UI vxe-print 实现复杂的 Web 打印，支持页眉、页尾、分页的自定义模板
使用 Vxe UI 实现复杂的 Web 打印，支持页眉、页尾、分页的自定义模板
2024-06-04 00:41:18
1477
原创 Vxe UI vue vxe-form-design 表单设计器、零代码平台
Vxe UI vxe-form-design 表单设计器、零代码表单设计器，vxe-form-design 设计器组件。vxe-form-view 视图渲染组件。
2024-05-26 19:43:14
1351
原创 vxe-table 区域选取、复制粘贴功能，的基本使用
vxe-table pro 使用单元格区域选择、多重区域、复制粘贴、查找替换…等功能1.鼠标区域选择功能：参数说明：mouse-config.area 是否开启鼠标单元格区域选取<template> <div> <vxe-table :mouse-config="{area: true}" :data="tableData"> <vxe-table-column field="a" title="A"><
2024-05-09 09:20:19
1757
1
原创 vxe-table 切换暗黑主题模式
支持默认 default 和暗黑 dark 2种主题色，如果更多可以通过修改 css 变量实现多套主题。
2024-05-09 09:17:56
948
2
原创 vxe-table 固定列滚动完成后没有对齐
vxe-table 固定列滚动完成后没有对齐默认情况下，虚拟滚动是自动开启的，当行数超过设置的 scroll.y.gt 时，就会自动触发虚拟渲染（即只渲染可视区内的数据），所以要想将性能达到最优，应该确保可视区内的显示条数尽可能减少，建议在 20 条以内渲染性能是非常流畅的。对于设置固定列的场景，由于固定列和主体是两个区域；默认的 scroll 行为是即时渲染的，所以当渲染量达到一定程度时，会产生当前滚动的速度与固定区域的速度不一致，渲染中的空白区。vxe-table 虚拟滚动可以设置两种模式：浏
2021-06-07 09:17:02
5119
1
原创 xe-utils 多个字段组合排序
js 对数组进行多个字段组合排序支持任意字段组合排序，升序或倒序混合排序var list = [ { a: 55, b: 33, c: 44 }, { a: 11, b: 66, c: 22 }, { a: 55, b: 66, c: 22 }, { a: 55, b: 66, c: 24 }, { a: 55, b: 87, c: 22 }, { a: 89, b: 46, c: 22 }, { a: 44, b: 66, c: 28 }]XEUtils.orderBy
2020-10-27 16:38:35
870
原创 vxe-table 多字段组合排序
vxe-table 多字段组合排序默认是单列排序的那么如何支持多列组合排序呢？可以通过 sort-config.multiple = true 开启多列组合排序功能，该功能需要 v3.0+ 才能支持；启用后就可以多列组合排序，升序或倒序组合排序<vxe-table border height="300" :sort-config="{multiple: true}" :data="tableData"> <vxe-table-column type="
2020-10-24 19:17:38
4257
原创 vxe-table 国际化的使用、支持多语言 internationalization
vxe-table 国际化的使用、支持多语言 internationalization先安装 vue-i18n 国际化插件npm install vue-i18nimport Vue from 'vue'import VueI18n from 'vxe-i18n'import VXETable from 'vxe-table'import zhCN from 'vxe-table/lib/locale/lang/zh-CN'import enUS from 'vxe-table/lib/
2020-09-29 21:18:12
3268
原创 vxe-input vue 日期选择组件带农历节日、小圆点提醒
vxe-table vxe-input vue 日期选择组件带农历节日、小圆点提醒默认的日期选择是没有节日信息的可以通过 festival-method 方法自定义节日信息，接收一个对象，用于渲染当前的事件，例如：{ // ... methods: { // ... festivalMethod ({ date }) { const dateMaps = { 20200801: { important: true, // 是否标记为重要节日 label
2020-08-04 11:34:52
5613
1
原创 vxe-table vue 中支持虚拟滚动组件：虚拟列表、虚拟树、横向与纵向虚拟滚动的列表与表格组件
vxe-table vue 目前为止唯一能全能支持虚拟滚动的组件：虚拟列表、虚拟树、横向与纵向虚拟滚动的表格组件目前主流的数据驱动框架 react、vue …等虽然入门相当简单；例如 vue 中，由于数据双向的原因，需要对数据进行双向监听，从而使渲染性能大幅下降，如果数据量稍微大一点，页面基本上是直接卡死，那么如何解决呢？虚拟组件由此诞生，只渲染当前可视区的内容，其余的收起，当滚动到指定位置时才渲染对应的节点，即时 vue 的双向绑定会损耗性能，由于 dom 节点的大幅减少，也不会对性能造成影响，从而流
2020-06-13 16:10:46
24820
10
xe-ajax3.1.3.js
2018-03-05
core.1.0.1.js
2017-12-17
es6.core.js
2017-12-09
《零基础写c语言程序设计》
2012-11-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人