el-table是一个表格组件,用于展示数据并支持排序、筛选和分页等功能。 在el-table中,如果表格的数据过多,可能会出现滚动条。为了控制滚动条的位置,element plus提供了setScrollTop方法,用于设置滚动条的垂直偏移量。 使用setScrollTop方法,首先需要获取到el-table的实例。可以通过ref属性给el-table组件指定一个名称,...
Bug Type: Component Environment Vue Version: 3.3.4 Element Plus Version: 2.3.12 Browser / OS: Chrome 125.0.6422.142 / Windows NT 11; x64 Build Tool: Vue CLI Reproduction Related Component el-tabs el-table Reproduction Link Element Plus P...
{ const top = e.srcElement.scrollTop if (top >= tableHeight.value) { setScrollTop.value = 0 } }) tableData.value = tableData.value.concat(JSON.parse(JSON.stringify(tableData.value))) test() setTimeout(() => { tableHeight.value = scroll.wrapRef.querySelector('.el-scrollbar__...
你可以根据需要调整 setInterval 的时间间隔和 scrollTop 的增量来控制滚动速度。 如果你的表格在弹框中,并且你遇到了滚动速度加快的问题,可能是因为弹框每次打开时都会重新绑定滚动事件。在这种情况下,你可以使用一个标志位来确保滚动事件只被绑定一次。 通过以上步骤,你应该能够在Element Plus中实现el-table的自动滚...
</el-table> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. data() { return { loading: false, scrollTimer: null, showLoadMoreButton: true, //是否显示加载更多数据 scrollPosition: 0, //记录滚动条位置 businessRequest: { businessCode: '', ...
// 这里的 tab 是上方 table 表格绑定的ref值 const table = this.$refs.tab const divData = table.bodyWrapper rolltimer = setInterval(() => { // + 4 是每秒向下滑动 4个像素 这块可以自己更改 divData.scrollTop += 4 // 下方判断是滑动到底部就会自己回到最上方重新开始滑动 改动像素的话 一定...
支持element-plus表格自动滚动 项目中需要表格数据自动滚动,项目基于element-plus,方法如下: function useElTableScroll(dom, autoScrollFlag) { const scrollTop = ref(0) //内容高度 const scrollHeight = ref(0) //滚动区域 const scrollConHeight = ref(0)...
Element Plus Version:2.0.2 Browser / OS:Edge/windows Build Tool:Vite Reproduction Related Component el-table Reproduction Link Element Plus Playground Steps to reproduce In Reproduction Link. What is Expected? Call setScrollTop successfully.
vue+elementPlus table自动滚动 依赖 "vue": "^3.2.45", "element-plus": "^2.2.21" 模板 <el-table ref="table" :height="tableHeight" :data="list" border stripe > <el-table-column prop="date" label="Date" width="180" /> <el-table-column prop="name" label="Name" width="180" /...
🎉 A Vue.js 3 UI Library made by Element team. Contribute to element-plus/element-plus development by creating an account on GitHub.