vxe-table的pulldown组件滚动条无法拖动滚动

最新推荐文章于 2024-04-28 22:40:38 发布

我和菠萝打了一架

最新推荐文章于 2024-04-28 22:40:38 发布

阅读量535

点赞数 2

文章标签： html 前端 vue

本文链接：https://blog.csdn.net/solooooooh/article/details/130881544

版权

滚动条不支持拖动，只有在滚轮时生效。

解决方法：把下拉容器中嵌套的vxe-table的position：relative改为static即可


:deep(.vxe-table--render-default .vxe-table--body-wrapper) {
  position: static;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我和菠萝打了一架

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

bug管理level1_3【解决vxe-table中scrollTop = scrollHeight 无法实现滚动条到底部的问题】

qq_41436056的博客

10-14

1574

描述: 使用vxe-table基础表格实现新增需求时，滚动条应实现到达表格底部，但修改scrollTop = scrollHeight 时无法实现效果，打印scrollTop可以得到修改后的值，但是dir属性时可以看到真实的scrollTop并未发送改变，原因不明出现原因: 使用原生js不能实现获取该元素并修改dom元素的scrollTop 技术栈: vue + vxe-table 解决方法: 参考vxe-table文档，对添加按钮使用工具栏toolbar来对vxe-table进行控制，直接通过按钮来控

vxe-table table tooltip 超长无法显示完全 + 无法滚动问题

最新发布

汤一飞

07-26

610

根据上一步的发现, 想办法给 tooltip element 加上 onmousewheel 和 stopPropagation , 在 api 中找到 cell-mouseleave 事件, 测试发现鼠标离开单元格进入单元格触发的 tooltip 中也会触发此事件, 因此监听此事件, 在此事件回调中, 选中 tooltip , 加上。如果 cell mouseleave 时, 能判断 tooltip 即将消失, 则可以在此时重置 tooltip 的 scrollTop;

2 条评论您还未登录，请先登录后发表或查看评论

element table for循环出来设置fixed，table底部滚动条无法拖动

A7536的博客

01-16

574

element table for循环出来设置fixed，table底部滚动条无法拖动

日常开发记录-el-table 固定列下横向滚动条无法拖动的问题解决方案

machine_vision123的博客

08-25

1419

原因：层级问题，左侧固定列层级高，滚动条层级低，提升一下滚动条层级即可注意要在全局样式中定义类 fixed-scrool-error样式 .fixed-scroll-error { .el-table--scrollable-x .el-table__body-wrapper { z-index: 2; } } 运用：直接在有问题的表格最外层标签中使用 fixed-s...

vxe-table固定列遮挡滚动条

x_iao_s的博客

02-09

1031

scss穿透进去把浮动的高度减少一点把滚动条露出来就可以了具体自己个控制、我来提供一个思路.vxe版本3.6.9。

Vxe-Table 拖拽排序失效

悟●禅●酒的专栏

01-19

2131

亲测，如果严格按照官方示例，拖拽功能是好使的今天在调界面时，发现有个界面的拖拽排序功能，因为数据过多，出了滚动条后，拖拽拿到的newIndex数值不对，调试了半天，才找到原因。官方例子而此处的newIndex数值不对，主要原因是 XXX 将没看懂的属性 :scroll-y="{enabled: false}"删除掉了，导致有滚动条时，拖拽行的 newIndex 重新计算了导致的。 ...

vxe-table-v2.9.24_表格组件_Table_

09-28

**vxe-table-v2.9.24：Vue.js中的高效表格组件** vxe-table是一款在Vue.js框架下设计的高性能表格组件，它的版本号为2.9.24，旨在提供一系列强大的功能来满足复杂的数据展示和操作需求。这款组件以易用性和灵活性为...

vxe-table vue table 表格组件功能

10-16

vxe-table是Vue.js中一款功能强大的表格组件，它为用户提供了丰富的表格操作功能，可以大大提高开发中的表格处理效率。vxe-table组件支持多种特性，包括但不限于基础展示、尺寸调整、样式定制、交互功能和数据处理等...

基于 vxe-table 表格的适配插件，用于兼容 ant-design-vue 组件库

05-28

npm install vxe-table@next vxe-table-plugin-antd@next ant-design-vue@next // ... import VXETable from 'vxe-table' import VXETablePluginAntd from 'vxe-table-plugin-antd' import 'vxe-table-plugin-antd/...

vxe-table vue表格解决方案 v3.7.9.zip

04-02

《vxe-table vue表格解决方案 v3.7.9》是一个专为Vue.js开发的高性能、易用的表格组件库，其版本号为3.7.9。作为一个强大的前端UI组件，vxe-table提供了丰富的功能，旨在帮助开发者在构建数据驱动的Web应用时，能够...

基于 vxe-table 表格的适配插件，用于兼容 element-ui、element-plus 组件库

05-28

npm install vxe-table@next vxe-table-plugin-element@next element-plus // ... import VXETable from 'vxe-table' import VXETablePluginElement from 'vxe-table-plugin-element' import 'vxe-table-plugin-...

Node-express项目--个人简历：login(登录)接口编写记录

2401_84437604的博客

04-28

684

/ 判断用户是否存在if (!user) {return res.status(400).json({ eamil: “用户不存在” })} else {// 判断密码是否正确res.status(200).json({ msg: “登录成功” })} else {return res.status(400).json({ password: “密码错误” })});})})测试：创建验证：在validation文件夹下新建login.js文件，用于验证登录。

vxe-table vxe-select 在表格内滚动无法置顶

NI_chunz的博客

12-13

524

vxe-table表格内无法下拉框的值

ElementUI 表格固定列横向滚动条无法拖动问题

Xuhai0811的博客

07-26

319

z-index: 2;

vue elment-ui table组件滚动条位置和vxe-table 的table组件滚动条位置

IT博客技术分享

11-25

7604

1. 先说elment-ui table组件滚动条位置 element ui table 添加数据行后滚动条滚动到对应的行头或行尾问题滚动到第一行： this.$refs.table.bodyWrapper.scrollTop =0; 滚动到最后一行： this.$refs.table.bodyWrapper.scrollTop =this.$refs.table.bodyWrapper.scrollHeight; 改成： this.$nextTick(() => { let scr

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

qq_14993591的博客

10-12

1257

使用vxe-table的属性:span-method合并行，之后下拉后会错位。

vxe-table 获取滚动高度、还原滚动条位置、展开树形表格

是秃子总会发光

02-20

3921

vxe-table 如何关闭虚拟滚动、设置虚拟滚动触发规则

我的博客

09-12

9030

vxe-table 如何关闭虚拟滚动、设置虚拟滚动触发规则 vxe-table 支持高性能的虚拟渲染，但是有些功能是不支持虚拟渲染的，比如展开行、自适应高度…等虚拟滚动的参数是由以下控制的： scroll-x 用于控制横向虚拟滚动，gt 当大于指定条数时自动启用，默认 60，如果为 -1 则关闭虚拟滚动 scroll-y 用于控制纵向虚拟滚动，gt 当大于指定条数时自动启用，默认 100，如果为 -1 则关闭虚拟滚动全局设置 VXETable.setup({ table: { scrollX

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

weixin_48463654的博客

09-01

8123

vxe-table 虚拟滚动tree 操作封装。右键菜单功能扩展

vxe-table 滚动条

03-13

vxe-table 是一个基于 Vue.js 的开源表格组件库，它提供了丰富的功能和灵活的配置选项，可以用于展示和处理大量数据。滚动条是 vxe-table 中的一个重要功能，它可以在表格内容过多时，提供垂直和水平方向的滚动功能，以便用户能够方便地查看和操作表格数据。 vxe-table 的滚动条功能主要包括以下几个方面： 1. 垂直滚动条：当表格内容超出容器高度时，会自动显示垂直滚动条，用户可以通过滚动条来上下滚动表格内容。 2. 水平滚动条：当表格内容超出容器宽度时，会自动显示水平滚动条，用户可以通过滚动条来左右滚动表格内容。 3. 固定列：vxe-table 支持将某些列固定在左侧或右侧，固定列不会随着水平滚动而滚动，用户可以通过水平滚动条来滚动其他列。 4. 自定义滚动条样式：vxe-table 提供了丰富的配置选项，可以自定义滚动条的样式，包括滚动条的宽度、颜色、边框等。 5. 滚动到指定行或列：vxe-table 提供了 API 方法，可以通过编程方式将滚动条滚动到指定的行或列，方便用户快速定位到特定的数据位置。