vxe 第2页

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

vue3接口、数据懒加载,回滚不重复加载

背景：父组件为vxe-table构成的组件、子组件为table的某一列，这一列的数据通过接口返回，有多少条表格数据就会请求多少次接口，为了提升性能，所以采用接口懒加载，但是需要在回滚的时候不重复请求或者加载数据使用

₍•ʚ•₎呀呀·2023-11-24 11:53

vxe表格实现键盘上下左右方向键移动聚焦

vxe表格分为vxe-table一般表格和vxe-grid高级表格，两者之间的区别我就不说啦，我们来实现这两种表格用键盘按动上下左右方向键达到移动聚焦的效果。话不多说，上正文！！！

帅气的小骨·2023-11-20 06:20

Vue的高级表格组件库【vxe-table】

文章目录前言vxe-table官网实现表头拖拽树形表格全键盘操作后言前言helloworld欢迎来到前端的新世界当前文章系列专栏：前端系列文章‍博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板

鋜斗·2023-11-14 14:32

Vxe table - 基于Vue的宝藏级 table 组件

文章目录前言一、Vxe-table功能点计划二，安装三，引入四，示例用法前言对于表格来说，也许我们会遇到一个需求就是表格中的单元格可编辑，如果我们使用的是ElementUI也许不太好办，因为官方没有可编辑的这个操作

骆骆爱学习·2023-11-12 22:59

vue表格插件vxe-table导出 .xlsx 文件

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

伴梦123·2023-11-11 09:34

vxe-table同级节点拖拽排序

vxe-table同级节点排序功能实现问题排序代码问题vue项目中使用了vxe-table加载组织机构列表，列表是树形结构的，需要实现同级组织机构通过拖拽进行排序的功能，而vxe-table官网上拖拽排序的

ttsd_forever·2023-11-05 19:37

[vxe-table] 合并行后滚动错位

使用vxe-table的属性:span-method合并行，之后下拉后会错位原因：缺少配置scroll-y="{enabled:false}"参考：vxe-table合并行后错位

533_·2023-11-04 17:08

vue实现vxe-pulldown上下键选择功能

{{item.name}}—{{item.value}}.my-dropdown{height:200px;overflow:auto;border-radius:4px;border:1pxsolid#dcdfe6;background-color:#fff;}.list-item{height:35px;line-height:35px;padding:010px;}.list-item:ho

ZYJ~·2023-11-02 13:00

在内网网站中使用npm包

这里，以使用vue.js的vxe-table插件为例，说明如何下载、部署、使用npm包。首先，使用npminstall下载需要的包到本地，这里我

寻找无名的特质·2023-11-01 21:55

vxe-talbe单元格触发实时校验

vxe-talbe单元格触发实时校验两种设置方法如这篇博客的第三点所说传送门手动调用输入组件的change事件在cloumn上使用renderEdit配置(第一种还好理解，手动调用输入框的change事件

君子使物，不为物使·2023-11-01 13:03

vex-table for vue3的使用

安装npminstallxe-utilsvxe-table@next在main.js中导入import'xe-utils'importVXETablefrom'vxe-table'import'vxe-table

任钰·2023-10-30 15:19

VXETable按需引入

VXETable按需引入,并兼容iView组件；1.安装插件npminstallxe-utilsvxe-table@next在libs文件夹中新建文件vxe-table.js，当然你可以放在任意你喜欢的文件夹里

小树ler·2023-10-30 15:16

vue2+vxe-table（一）

官方文档：vxe-tablev3cnpminstall--savevxe-utilscnpminstallbabel-plugin-import-D在src/pligins/utils.jsimport'vxe-utils

鱼空·2023-10-30 15:12

vxe-table-plugin-export-xlsx 安装引用

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

林间风雨·2023-10-30 15:11

vue3+vite按需引入vxe-table

vxe-table":"^4.5.12","xe-utils":"^3.5.13""consola":"^2.15.3","vite-plugin-style-import":"^2.0.0",二、配置

小鱼干儿er·2023-10-30 15:05

感受webWorker

B站视频git完整代码之前遇到的场景1、vxe表格计算1000多条数极值/算数平方根的时候。

每天吃饭的羊·2023-10-27 02:12

Vue插件（vxe-table）

vxe-table初体验今天终于解决了前端使用vue开发中遇到的路由，状态管理以及多模块跨域的问题。根据需求，项目中将用到很多的表格，基础表格（如基础数据展示等）以及树形表格（如导航数据展示等）。

白晓明·2023-10-26 08:52

关于使用 vxe-table 时设置了 show-overflow tooltip 不展示的问题（Dialog 组件和 table 同时使用）

众所周知，vxe-table是可以支撑万级数据渲染的表格组件，本质上还是用了虚拟滚动的实现。

是阿臻·2023-10-22 17:50

vxe-table添加排序

在中添加sortable属性

CV猿码人·2023-10-20 17:51

使用vxe-table修改特定的某一列的样式

1、在vxe-table上绑定:cell-style="cellStyle"constcellStyle=({row,column,rowIndex,columnIndex})=>{if(column.property

₍•ʚ•₎呀呀·2023-10-19 11:07

jeecg中j-vxe-table和j-popup组件的修改使用

项目中需要在一个可编辑表格中的一列按部门条件选择部门用户，jeecg前端框架带有j-vxe-table组件，这个组件中也有JVXETypes.popup类型的列，不过这个列不能带参数查询，不能使用，用了

wyljz·2023-10-14 01:10

jeecgboot 生产分享 1.关于popup参照作为查询条件（并且可以传参） 2.j-vxe-table 禁用指定单元格

1.关于popup参照作为查询条件（并且可以传参）在子表的配置方法中对查询查询条件做处理主要处理fieldExtendJson字段item.fieldExtendJson是一个json字符串需要处理转为json对象原因:在Popup参照传参的过程中(当前Popup参照绑定的传的值有这些其中红色框的就是我们传的值具体还需要根据不同的业务需求来决定要注意一下这个Key是有带表名的)然后参照传参的时候需

qq_46804048·2023-10-14 01:36

vxe-table 和 vxe-grid 的区别，有什么区别

vxe-table和vxe-grid的区别，有什么区别?

仰望.·2023-10-14 01:02

JeecgBoot中的J-vxe-table的表头样式修改

如图：修改表头的背景样式和字体颜色在j-vxe-table标签中添加:header-cell-style="{backgroundColor:'#FAFAFA',color:'rgba(0,0,0,0.85

WU_JI_XIAO·2023-10-14 01:31

记录jeecgboot中j-vxe-table事件

截止到（2021年9月1日），JeecgBoot框架中的j-vxe-table组件的事件除了@edit-closed（用于处理编辑单元格后关闭编辑时触发的事件）还有许多其他事件。

小杨不香菜·2023-10-14 00:58

vxe是一款功能强大的table，有vue2/3版本

vxe-tablev4https://vxetable.cn/#/table/start/install当计算上千，上万条数据的和，或者算数平方根时可以使用webworker，来实现复杂，大量的计算，同时也不会造成浏览器的卡顿

每天吃饭的羊·2023-10-13 02:31

vxe-table 实现拖动行。列

需先安装vxe-table以及sortablejs安装方法：npminstallxe-utilsvxe-table@legacynpminstallsortablejs--save重点代码html部分：

小蘑菇0629·2023-10-11 22:03

vxe-table 一个pc端表格组件库

关于vxe-table怎样安装解决在项目中的vxe-table的下拉框层级问题禁止多选框参与行事件改头部的icontable一些常用的API怎样安装在你的项目中执行npminstallxe-utilsvxe-table

狂暴草鱼卷·2023-10-09 20:34

vxe-table 表格组件简单使用

1.效果展示2.代码配置文件options.jsexportconstFlinkColumnDataType=[{"label":"char","value":"char","methodsName":"CHAR","code":1,"name":"char","displayName":""},{"label":"varchar","value":"varchar","methodsName":

开心很重要·2023-10-09 20:23

j-vxe-table 下拉搜索选择框数据加载过多导致前端崩溃问题

Jeeg-bootj-vxe-table下拉搜索选择框数据加载过多导致前端崩溃问题最近用到了Jeeg-bootj-vxe-table的组件，这组件时真J8难用，还好多BUG，想用个slot插槽也用不了，

小C好好干饭·2023-10-06 19:28

vxe-table 使用示例(常见报错)

1.引用顺序错误导致依赖报错该问题vxe-table@2.5以下版本不受影响，由于vxe-table@2.5+以上版本支持最小化打包的方式所以依赖库xe-utils必须要在vxe-table之前引用，否则就会报以下错误安装指南

AyaN_d391·2023-10-04 12:58

vxe-table的常见用法

1.安装npminstallxe-utilsvxe-table@2或者npminstallxe-utilsvxe-table@3对应vue版本网址：https://vxetable.cn/v3/#/table/api2.高级用法表头，表身，数据有后端生成tableColumn表头tableData对应的内容exportdefault{data(){return{allAlign:null,tabl

半朵梨花压海棠·2023-09-29 14:13

vxe-table 使用过程中的bug，实时更新（置顶）

1.由于vxeTable使用了font-awesome字体图标，但是官方文档没有详细告诉你怎么引入使用，所以很多小伙伴都找不到原因。解决办法：第一步安装依赖npminstallfont-awesome--save第二步引入依赖样式文件在main.js文件中引入//引入font-awesomeimport'font-awesome/css/font-awesome.css';使用：新增效果：2.集成

IT博客技术分享·2023-09-28 20:12

【vxe-table】vxe-table渲染表头的两种方式

还要写个标签，以及使用loadColumn()方法加载表头0"/>importtype{VxeTableInstance}from'vxe-table'//加载表头consttab

湛海不过深蓝·2023-09-22 17:22

【vxe-table】加载渲染列表数据的写法以及一些相关的常用属性

加载数据：用loadData()，然后传入你的tableData，就可以代替:data="tableData"的方式渲染列表consttableRef=ref()constinitData=(tableData:Array)=>{const$table=tableRef.valueif($table)$table.loadData(tableData)}//调用，当tableData更新的时候，就

湛海不过深蓝·2023-09-22 17:22

常用开源项目整理

vue-element-admin4.后台前端管理系统：vue-admin-beautiful5.表单设计代码生成器：form-generator6.Excel处理工具easyexcel7.PC端表格组件：vxe-table8

大爱我小宝哥·2023-09-21 13:12

Vue - vxe-table 表格合并行应用

Vue-vxe-table表格合并行应用一.将相同的列数据合并为一行实现效果实现方法二.拓展合并：根据某个字段合并后的数据进行合并其他字段列实现效果实现方法vxe-table地址：https://vxetable.cn

Jie_1997·2023-09-16 05:02

JeecgBoot页面级联选择框(三种方法)

JeecgBoot页面级联选择框(三种方法)1、form表单级联选择框（已实践）2、j-vxe-table联动示例（已实践）3、j-editable-table三级联动（简单测试，只贴代码，不做过多说明

bug0到1·2023-09-12 22:04

vxe-table动态表头异常渲染问题

描述：使用vxe-table插件，若多列头的情况下，其中包含一到多级的动态生成，这种情况下，普通for循环，只有切换第一级动态项时，表头会重新渲染，若第一级表头不变而一级以上的表头动态生成时，页面则不能正常渲染

猴子中的大漂亮·2023-09-11 19:21

vxe-table 解决show-overflow只显示弹窗不显示省略号或默认样式有省略号，弹窗不出现问题

踩坑记，应该很少会有人也踩进这个坑，如果你踩到了，恭喜你，看到这篇文章的时候，已经有人先踩过了官网上有专门的单元格溢出省略号的介绍，分为表头/body/表尾三种官网示例也是既有省略号也有tooltip显示但我遇到的坑是用了show-overflow只能显示tooltip，不显示省略号我自己写了css样式，省略号确实有了，但是tooltip就是不显示white-space:nowrap;overfl

花椒和蕊·2023-09-11 19:51

【bug】vxe-table可编辑插槽，el-input-number的input事件数据多的情况下频繁触发至页面崩溃

今天的标题有点长，其实bug也不一定就是vex-table才会有，el-table也许也会遇到列表有一列是可编辑的数字类输入框用的是input事件排查后发现不是vxe-table表格的问题，也不是edit