
vxe-grid
花花鱼
点滴积累,你会发现有大大的进步。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vben-admin 导入并使用基础版的vxe-table
本文介绍了两种使用vxe-table的方法:1) 封装后的useVbenVxeGrid组件,通过导入封装函数并配置gridOptions实现表格渲染,支持边框、斑马纹等样式切换;2) 原生vxe-table的使用方式,需单独安装依赖并配置columns和data。针对样式问题,文中指出需要在bootstrap.ts中进行额外配置才能获得理想效果。两种方法都能实现表格功能,封装版提供了更简洁的API和内置功能,而原生版需要自行处理更多细节。原创 2025-07-20 14:55:39 · 344 阅读 · 0 评论 -
vxe-grid 双击行,打开expand的内容
摘要:VxeTable v4.6版本提供了双击单元格展开/折叠内容的API。通过监听onRowDblclick事件调用toggleRowExpand(row)方法,该方法会自动判断当前行的展开状态并切换。对于树形表格可使用对应的tree方法。示例代码展示了如何在行双击事件中调用该方法,无需手动判断展开状态。原创 2025-06-04 17:19:54 · 381 阅读 · 0 评论 -
vxe-grid ,增加新行,并且定位到新增的行
vxe-grid新增空行,并且定位到空行位置。原创 2024-11-05 11:50:47 · 711 阅读 · 0 评论 -
vue3 vxe-grid 通过数据库返回的列信息,生成columns,并且其中有一列是img类型,进行slots的格式化处理。
vxe-grid,从数据库返回动态的图片列的格式化处理。原创 2024-09-23 14:29:56 · 1251 阅读 · 0 评论 -
vue3 vxe-grid 在使用expand列展开的expandContent里面如果有Tabs的时候,切换tabpane的时候,展开的行会同步切换的解决方法
vxe-grid 启用expand的时候,如果里面有tabs的时候,应该分别绑定不同的值。原创 2024-09-05 21:11:24 · 467 阅读 · 0 评论 -
vue3 vxe-grid 当前高亮行的背景颜色+字体颜色,要求随着主题的颜色的改变而改变。
vxe-grid/vxe-table通过设置rowStyle,来设置当前选中的行的字体颜色及背景颜色。原创 2024-08-30 09:54:41 · 1222 阅读 · 0 评论 -
vxe-grid expandContent自定义展开的高度,以及展开的内容不要多于父vxe-grid会出现水平滚动条,导致父的列左右出现偏移的问题。
vxe-grid设置展开容器的最小高度来限制内容,限制子内容的水平宽度,让父不会出现滚动条,这样父vxe-grid就不会产生偏移。原创 2024-08-27 17:05:06 · 903 阅读 · 0 评论 -
vxe-pulldown 设置了宽度,并不能100%的占满整个容器的解决
增加样式:.vxe-pulldown {width: 100% !important;} 来实现vxe-pulldown的宽度充满整个容器。原创 2024-08-05 15:54:26 · 275 阅读 · 0 评论 -
vxe-pulldown下拉容器的使用,覆盖样式z-index来解决在Modal中初次显示在Modal的下层的问题。
覆盖vxe-pulldown的样式vxe-pulldown--panel中的z-index,来显示在上层。原创 2024-08-05 15:24:40 · 1148 阅读 · 0 评论 -
vue3 vxe-table 点击行,不显示选中状态,加上设置isCurrent: true就可以设置选中行的状态。
vxe-table 点击行,不显示选中状态,加上设置isCurrent: true就可以设置选中行的状态。原创 2024-07-23 20:27:20 · 1665 阅读 · 0 评论 -
vxe-grid 实现下拉查看明细表格功能,主表、子表的功能。
vxe-grid/table实现主子表结构的显示功能。原创 2024-07-22 10:42:40 · 928 阅读 · 0 评论 -
vue3 vxe-grid修改currentPage,查询数据的时候,从第一页开始查询
vxe-grid查询数据的时候,从第一页开始查询,并且清空选中,清空复选框状态等,查询数据查询。原创 2024-07-18 16:03:33 · 1039 阅读 · 1 评论 -
vue3 vxe-grid查询有返回数据,但是不显示的问题解决
vxe-grid,方法是调用了,也有返回结果,但是就是不显示的解决。原创 2024-07-18 10:57:22 · 1834 阅读 · 0 评论 -
VxeBasicTable 右侧工具按钮不显示的检测与处理
vxe-table右侧导航按钮内容不显示的检查与处理。原创 2024-06-17 15:11:18 · 671 阅读 · 0 评论 -
vxe-grid 服务器端下载excel,通过spring boot + easyexcel导出excel生成文件,返回给前端文件url, 然后下载.
easyexcel生成文件,vxe-grid下载文件。原创 2024-05-16 21:23:15 · 492 阅读 · 1 评论