vxe

使用 vxe-table 实现复选框分页跨页勾选

vxe-table实现复选框分页跨页勾选官网：https://vxetable.cn当使用数据分页与复选框多页勾选时，可以通过checkbox-config.reserve启用获取已选import{ref
·2025-03-06 14:21

vue vxe-table 实现财务记账凭证

使用vxe-table实现财务记账凭证非常简单，实现在线实时编辑的记账凭证、自动合计金额等官网：https://vxetable.cn/新增保存财务主管：小徐记账：张三出纳：李四审核：老六import{
·2025-03-06 13:20

vxe-table 实现复选框多选通过鼠标拖动选择功能

启用表格多选的范围选择功能很简单，启用后就像excel一样，可以通过鼠标滑动选择行，也可以按住ctrl键部分选择，功能非常强大，支持快捷键;npminstallvxe-pc-ui@4.3.2vxe-table
·2025-03-06 13:20

vxe-table grid 表格数据校验错误提示框的主题样式，修改校验提示消息的样式

官网文档：https://vxetable.cnvxe-tablegrid表格数据校验错误提示框的主题样式，修改校验提示消息的样式非常简单，内置例子样式，普通样式和高亮样式，可以通过全局或局部方式进行设置。默认的校验提示样式美化校验提示样式默认的错误提示样式不好看，设置为美化主题样式，通过参数validConfig.theme='beautify'就可以了，也可以全局设置import{VxeUI}
·2025-03-06 13:50

vxe-table v4.8+ 实现行拖动排序，列拖动排序

VxeUIvuevxe-tablev4.8+实现行拖动排序，列拖动排序安装npminstallvxe-pc-ui@4.2.42vxe-table@4.8.1main.js//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui
·2025-03-06 13:20

vxe-table v3.10+ 中开启虚拟滚动同时使用自适应行高

在vxe-table3.10+中开启虚拟滚动同时使用自适应行高说明是否固定行高：show-overflow启用后将固定所有行的高度（性能最优），不加则自适应行高开启虚拟滚动开关：scroll-y={enabled
·2025-03-06 13:19

vxe-table 复杂渲染虚拟滚动白屏的官方解决方案

官网文档：https://vxetable.cn使用v4.7+与3.9+大幅提升虚拟滚动渲染性能，虚拟滚动白屏是由于单元格的渲染比较复杂，耗时比较久，渲染跟不上导致滚动期间可能会出现空白。建议是避免在单元格中使用重度的组件，同步执行耗时太久的组件。接下测一下看看官方的虚拟滚动，测一下渲染。加载性能以下是试用4.7+的版本做了测试。使用了毕竟复杂的左右冻结列以及100列、和复杂一些渲染。\5万行在3
·2025-03-06 13:49

vxe-grid table 配置分组表头

官网文档：https://vxetable.cnvxe-gridcolumns配置分组表头非常简单，支持需配置好children，就会自动渲染子列代码exportdefault{data(){constgridOptions={border:true,height:400,columns:[{title:'基本信息',children:[{type:'seq',width:70},{field:'
·2025-03-06 13:19

vxe-table 列宽自适应内容宽度，单元格列宽根据内容自适应宽度

官网文档：https://vxetable.cnvxe-table的列宽属性支持多种格式，默认情况下是等比例分配：width="120px"固定像素。width="20%"百分比。width="auto"根据内容自适应列宽。代码exportdefault{data(){consttableData=[{id:10001,name:'Test1',role:'DevelopDevelopDevelo
·2025-03-06 13:18

【vxe-table】多选筛选项对列表的列进行动态的显示与隐藏

需求：列表的组成部分由：一些固定的列，如:姓名，工号，以及需要动态显示与隐藏的列，如：出勤、旷工、事假、病假等假勤类型1、通过多选框多选，展示选中的列，未选中的不展示2、当多选框全部清空的时候，展示原来的所有列mutiChange(val,'attendanceType')"style="width:140px">datanewColumns:[],columns:[],dataSource:[]
春晓_春眠花落·2025-02-12 05:03

vxe-table设置表格selectedRowKeys变更时，刷新列表勾选状态

this.$refs.vuexTable.$refs.vxeTableInstance.clearCheckboxRow()
柠檬花开_·2025-01-24 09:06

vxe-grid 利用dayjs提供的方法来格式化， 计算二个日期之间的年数/年龄

1、安装dayjspnpmadddayjsyarnadddayjsnpminstalldayjs2、导入importdayjsfrom'dayjs';3、vxe-grid列：exportconstUserColumns
花花鱼·2024-08-27 14:56

vue3 vxe-grid 列自动扩展的问题，设置了width，然后maxWidth设置将不会起作用。

1、先上个图，我们先看一下官网说明：这里说明一点：1）如果我们全部设置了width，每一列都有width，那么系统会自动按照width来布局，也就是说你设置多少就是多少，屏越大，就越不会铺满。2）如果我们设置了min-width及max-width，那么系统会根据这个来处理。3）如果我们设置了%，百分比的话，那会根据百分比来布局。这里让我们感觉到一点，百分比也是比较管用的。2、那我们现在布局就有好
花花鱼·2024-08-21 23:13

vxe-自定义排序图标与更改分辨率表格列内容正常显示

（2）vxe表格通过属性设置放大缩小更改分辨率后，表格列字段出现滚动条，现在需求是更改分辨率后表格列字段内容完全显示，且初始100%时表格列展示完全。
哟哟耶耶·2024-02-20 05:54

vxe-动态计算表格列宽度

1.场景在实际开发中，根据用户需要或者自定义表格编辑功能组件时候，就需要根据用户自定义选择的复选框数量，文字描述信息来进行动态的计算给对应的表格列进行计算对应的列宽并进行赋值。2.代码对应新列NewColumn(column){constnewColumn={title:column.label,align:'center',width:this.calculateWidth(column),da
哟哟耶耶·2024-02-20 05:24

vue中使用vxe-table插件的表格实现最后一行始终为空

需求：vue中引入vxe-table插件实现的表格需要保持表格最后一行始终为空值如下解决思路：深度监视表格数据当数据发生变化时判断最后一行数据的每个属性值是否为空或false如果不为空则给表格数据尾部添加一个同结构属性的空对象
李早晨_小前端·2024-02-13 17:59

【vue+vex-table】翻页保留复选框选中状态

1、项目中的vxe-table封装成了组件，方便复用，vxe-table主要用到这些，key可以换成row-id=“id”，我这里没用到>>2、组件是否封装不影响需求的实现，就是refs多点了一层3、有两种实现方式
春晓_春眠花落·2024-02-08 12:00

智慧云智能教育考试平台展示

*使用jdk1.8的新特性如:caffeine缓存,lambda表达式.1.2前端技术:*Vue*Vuex*Vxe-Table(文档地址：https://gitee.com/xuliangzhan_admin
barry200890·2024-02-06 12:15

vxeTable 手写复刻区域选择、复制粘贴、拖动柄

Vxe-table提供诸多功能：虚拟滚动、懒加载、快捷菜单、数据校验、树形
诛宵小或率宾归王·2024-02-05 01:14

vue启动vxe-table按需引入报 dependency was not found: * vxe-table/lib/vxe-table in ./src/plugins/vxeTable.js

因为项目被搁置了半年，之前在使用nvm安装nodejs新版本时，删除了搁置项目中的安装的依赖。今天重新安装依赖后重启时，无法启动，报：由于vxeTable.js是用于按需加载，在想是不是按需加载导致的问题。在重新删除依赖，重新安装依赖之后依然无法启动项目。去githubvxe-table上搜索下有没有人提这个问题，果然有人提了类似问题，说是babel-plugin-import版本导致的问题，删除
笨小孩丶·2024-02-03 19:09

vxe-table表格合并行和虚拟滚动冲突

项目一直用的vxe-table2.0版本，支持表格的虚拟滚动，最近要做表格合并行功能，虚拟滚动便失效了，强行虚拟滚动，合并行会有错行现象。
是茜茜啊啊·2024-01-31 17:48

vxe-table从2.0升级到3.0，vxe-table-plugin-virtual-tree虚拟滚动失效

问题：系统一直使用的vxe-table2.0，vxe-table2.0不支持树的虚拟滚动，为了解决这个问题，引入了vxe-table-plugin-virtual-tree插件，现在系统vxe-table
是茜茜啊啊·2024-01-31 17:48

vxe-table 表格过滤某一列的关键字查询，不需要调后端接口

先上效果图：方法：在vxe-table-column标签里面用一个卡槽写一个input标签日期然后table表格用2个数组存储。如果input框输入有值就走过滤的方法，否则直接取接口返回的数据。
IT博客技术分享·2024-01-31 17:47

vxe-table 虚拟树、树形表格的使用

vxe-table虚拟树、树形表格的使用如果开启虚拟树，只需要设置y-scroll.gt（纵向虚拟滚动，默认100）或x-scroll.gt（横向虚拟是滚动）transform自动将列表转换为树结构rowField
仰望.·2024-01-31 17:15

vxe-table3.0的表格树如何做深层查找，返回搜索关键字的树形结构

vxe-table2.0版本是提供深层查找功能的，因为他的数据源本身就是树形结构，所以深层查找查询出来也是树形结构。
是茜茜啊啊·2024-01-31 17:44

vxe-table

介绍API：https://xuliangzhan_admin.gitee.io/vxe-table/#/table/api
Mark_ZSQ·2024-01-28 16:41

vxe-table 分页 + 设置行颜色+合并列（vxe-grid）

1、效果图2、代码//html代码//js部分data(){return{loading:false,//分页tablePage:{total:0,currentPage:1,pageSize:10,align:'left',pageSizes:[10,20,50,100,200,500],layouts:['Sizes','PrevJump','PrevPage','Number','NextP
My&Liu·2024-01-24 06:14

vxe-table 单元格数字的精度切换、单元格内容宽度自适应（根据内容撑开）

数字的精度切换、单元格内容宽度自适应1、支持切换数字的精度2、单元格内容自适应，根据内容撑开1、支持切换数字的精度//1.表格绑定myAmount格式化函数data(){return{digits:2,//当前经度tableData:[],//表格数据};},//2.注册myAmount格式化函数，根据当前选择的精度位数，调用XEUtils的方法进行精度计算asynccreated(){VXETa
一朵野花压海棠·2024-01-21 12:27

音乐下载kgm格式如何转成mp3格式

链接:https://pan.baidu.com/s/123Vxe2
小小_扫地僧·2024-01-17 23:39

CND 仿工程化开发，尝试一下Vxe-table的入门使用

Vue3（三）CDN+ES6的import+工程化的目录结构https://www.jianshu.com/p/c454e8dd6dc2有网友问我，在这种方式下，如何使用vxe-table，其实和使用element-plus
自然框架·2024-01-17 07:59

使用ElementUI的el-tab+vxe-table表格+复选框选择

效果：功能：首先进来是全部清空的状态的点击左边选择不同项右边会实时发送接口获取数据填充表格复选的内容可以保留显示，比如A的1勾选后切换到B再切换回来A的1仍然是勾选状态说实话官网的setCheckboxRow方法我实现不了，这里就是纯蠢蠢的办法实现，在这里做个记录，能用咱就用着，有更好的办法就下次一定适用el-tabs来实现该样式,关键点是:checkbox-config="{checkField
一个大萝北·2024-01-16 17:13

vxe-table动态渲染列，刷新列宽

背景：使用vxe-table渲染表格，支持列选和拖拽列宽，并可按用户记忆，支持一键恢复默认列选、列宽，因此使用v-for动态渲染列。当点击一键恢复的时候，需要恢复成默认的列选及列宽。
six+seven·2024-01-15 00:10

vue表格插件vxe-table导出 excel

vxe-table默认支持导出CSV、HTML、XML、TXT格式的文件，不支持xlsx文件要想导出xlsx文件，需要使用vxe-table-plugin-export-xlsx依赖参考：https:/
半兽先生·2024-01-13 10:05

vxe-table插件

项目中需要实现如下树形表格，elementui的table组件并不能满足需求，此时可以使用vxe-table插件来实现vxe-table官网地址：https://vxetable.cn/v3/#/table
笑毅·2024-01-13 05:36

vxe-树形结构层级过多横向滚动条设置

一.问题在使用vxe-table中的树形结构的时候，如果树形结构的层级过多的话的会导致层级很深的层级，鼠标点击无法选中，对应的内容显示不完全。
哟哟耶耶·2024-01-10 20:12

vxe-基础表格2（表格，分页，操作按钮）

importVXETablefrom'vxe-table';exportdefault{name:'Design',data(){return{//新建visibleDesign:false,oks:false
哟哟耶耶·2024-01-10 20:11

前端表格使用vxe-table进行渲染，使用el-select进行选择合适的条件查询，且给el-select默认赋值及使用i18n进行翻译

前端表格使用vxe-table进行渲染，使用el-select进行选择合适的条件查询，且给el-select默认赋值及使用i18n进行翻译一、项目需求及项目实现一、项目需求及项目实现表格页面使用vxe-table
Vamp_Piece·2024-01-10 03:20

基于Elemnet-plus 封装的功能表格，基本囊括element-plus 官网表格的所有使用场景

前言这是一个多用途的基于element-plus封装的表格组件，基本上elemnet-plus官网涉及到的使用场景，都可以，而且使用上来说会简单许多，配置上类似与vxe-table的使用，下面逐一展示各种场景的使用方式
ZL随心·2024-01-03 13:37

vue最强table vxe-table 虚拟滚动列表 前端导出

vxe-table是一个功能强大的Vue表格组件，它支持虚拟滚动列表作为其核心功能之一。
一花一world·2023-12-31 09:02

vxe-table中怎么给某个单元格单独设置class名

上面展示的是页面效果，下面是具体的代码操作，可以新建一个vue文件看看这个效果能不能实现exportdefault{data(){return{allAlign:null,tableData:[{id:10001,name:'Test1',role:'Develop',sex:'Man',age:28,address:'testabc'},{id:10002,name:'Test2',role:'
_chang.·2023-12-31 00:52

vxe-form 表单中内嵌组件，添加表单校验，校验提示位置错乱

1.vxe-form表单中内嵌组件，添加表单校验，校验提示位置错乱。2.错误代码,EncoderInput自定义组件。3.通过在组件外层添加父元素在文档流中占用空间来解决
哟哟耶耶·2023-12-29 01:00

关于vxe-table的使用心得及扩展【表格虚拟滚动】(非插件版本)

文章目录概要示例动图使用方式1、普通表格启用虚拟滚动2、tree型数据启用虚拟滚动技术细节3、实现表格行、列拖拽(单行拖拽完美实现)4、实现表格行拖拽后，拖拽结果范围框选5、实现表格勾选右平移(多选)6、实现表格勾选左平移(多选)7、定义右键菜单功能：contextMenuClickEvent**功能包含**：-选中行向下插入一条空行：方法名为：_InsertRow-选中行向下插入剪贴板数据：方法
vue-202·2023-12-26 01:13

踩坑：vue表格插件vxe-table之导出 .xlsx 文件

vxe-table默认支持导出CSV、HTML、XML、TXT格式的文件，不支持xlsx文件要想导出xlsx文件，需要使用vxe-table-plugin-export-xlsx依赖参考：https:/
Greenhand_BN·2023-12-20 09:01

vxe-table 右键菜单+权限控制（v3）

1.menu-config是用于配置右键菜单的属性。通过menu-config属性，定义右键菜单的内容、显示方式和样式。通过menu-config属性配置了右键菜单，其中的options属性定义了右键菜单的选项。用户在表格中右键点击时，将会弹出包含这些选项的自定义右键菜单2.header-cell-menu是一个用于配置表头单元格菜单的属性。通过设置header-cell-menu属性为true来
哟哟耶耶·2023-12-17 17:10

element 弹窗在弹出后鼠标还可以点击页面其他元素

文章目录需求分析需求如下图所示，在点击弹出弹框后，支持鼠标可点击弹框外的其他地方可拖拽弹框弹出弹出后不可有遮挡弹出样式可自定义分析官网：https://vxetable.cn/v4/#/table/start/install安装vxe-table
博客zhu虎康·2023-12-04 14:28

vxe-table表格校验失败后保持可以编辑状态

vxe-table表格校验失败后保持可以编辑状态鼠标移出后可编辑状态消失在edit-config设置为autoClear:false鼠标移出继续保持可编辑状态双击其他行校验是否成功asyncactiveRowMethod
秋叶原的琴音·2023-12-03 16:34

Vxe-table使用技巧总结

最近项目中需要用到多层树table+checkbox勾选功能，选了一些组件，最终决定使用vxe-table。Vxe-table功能丰富、api也多。
hoaxxcj·2023-12-01 18:31

vxe表格行拖拽

安装第三方插件importSortablefrom'sortablejs可以跟后端商议表格添加seq顺序，按照循序排序secondInput调用修改接口api然后重新获取数据//在get请求之后使用nextTick使用constrowDrop=()=>{nextTick(()=>{letxTable2=planDataRef.value;letsortable=Sortable.create(xT
可雯的小宝贝儿·2023-11-30 22:18

[vxe-table] expandAll：true 当table数据更新后无法展开，只有第一次能展开才能生效的问题

:tree-config="{rowField:'id',parentField:'parentId',expandAll:true,reserve:true,}":row-config="{keyField:'id',isHover:true}"参考：vxetreeexpandAll：true当table数据更新后无法展开，只有第一次能展开才能生效的问题
533_·2023-11-26 11:13

[vxe-table] vxe-table-column配合v-if导致列样式与位置错乱

咨询工具//或者咨询工具给使用了v-if的列，加一个固定的key值，或循环渲染key即可；参考：vue+vxe-table中的vxe-table-column配合v-if导致列样式与位置错乱
533_·2023-11-26 11:43
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他