el-table-virtual-scroll 组件升级到vue3的不同不支持扩展行使用 <virtual-column type="expand">,详见demo。 scrollBox 属性不支持自动查找滚动容器,必须指定滚动容器的css选择器,如果未指定滚动容器,则默认表格内滚动。 如果传入 data 数据更改了,而视图上表格未发生变化,请调用 update 方法更新视图。
注册组件:在 Vue 组件中注册 VirtualScroll 和VirtualColumn 组件。 配置模板:在模板中使用 <virtual-scroll> 包裹<el-table>,并通过 data 属性传递数据,key-prop 属性指定唯一标识,以及使用 <virtual-column> 来兼容 el-table 的索引、多选等功能。3...
},// 处理滚动事件handleScroll (shouldUpdate =true) {// 更新当前尺寸(高度)this.updateSizes()// 计算renderDatathis.calcRenderData()// 计算位置this.calcPosition() shouldUpdate &&this.updatePosition()// 触发事件this.$emit('change',this.renderData,this.start,this.end) },// 获取某条数据offsetT...
UTF-8?q?=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .eslintrc.js | 4 +-- .gitignore | 1 + demo/dist/index.html | 2 +- demo/dist/js/192.5081de0f.js | 2 -- demo/dist/js/192.5081de0f.js.map | ...
[ "vue", "el-table-virtual-scroll", "virtual", "scroll", "el-table", "ElementUI" ], "author": "xiaocheng555", "license": "ISC", "repository": { "type": "git", "url": "git+https://github.com/xiaocheng555/el-table-virtual-scroll.git" }, "devDependencies": { "@babel/...
Search results Sign UpSign In el-table-virtual-scroll-next The virtual scrolling component developed based on the Table component of Element-Plus supports dynamic height and solves the problem of scrolling stuck when the amount of data is large....
3 Dependents 60 Versions el-table-virtual-scroll 基于Element-UI的Table 组件开发的虚拟滚动组件,支持动态高度,解决数据量大时滚动卡顿的问题。⚠️仅支持vue2。demo & 源码:https://xiaocheng555.github.io/el-table-virtual-scroll/版本说明当前版本 2.x.x重构...
vue": "^7.4.1", "rollup": "^2.36.1", "rollup-plugin-babel": "^4.4.0", "rollup-plugin-commonjs": "^10.1.0", "rollup-plugin-eslint": "^7.0.0", "rollup-plugin-node-resolve": "^5.2.0", "rollup-plugin-terser": "^7.0.2", "rollup-plugin-vue": "^5.0.1",...
2548 2552 "version": 3, @@ -2553,8 +2557,8 @@ var __vue_inject_styles__$2 = function __vue_inject_styles__(inject) { 2553 2557 "sourcesContent": [".el-table-virtual-scroll.has-custom-fixed-right .el-table__cell.gutter {\n position: sticky;\n right: 0;\n}\n"] ...
3 changes: 1 addition & 2 deletions 3 demo/src/views/Summary.vue Original file line numberDiff line numberDiff line change @@ -1,6 +1,5 @@ <template> <div> <el-alert type="warning" title="在表尾合计行功能中,table组件需使用max-height属性代替height,才会正常显示表尾合计行;" sho...