el-table-virtual-scroll 组件升级到vue3的不同不支持扩展行使用 <virtual-column type="expand">,详见demo。 scrollBox 属性不支持自动查找滚动容器,必须指定滚动容器的css选择器,如果未指定滚动容器,则默认表格内滚动。 如果传入 data 数据更改了,而视图上表格未发生变化,请调用 update 方法更新视图。
},// 处理滚动事件handleScroll (shouldUpdate =true) {// 更新当前尺寸(高度)this.updateSizes()// 计算renderDatathis.calcRenderData()// 计算位置this.calcPosition() shouldUpdate &&this.updatePosition()// 触发事件this.$emit('change',this.renderData,this.start,this.end) },// 获取某条数据offsetT...
[ "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/...
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",...
3 Dependents 60 Versions el-table-virtual-scroll 基于Element-UI的Table 组件开发的虚拟滚动组件,支持动态高度,解决数据量大时滚动卡顿的问题。⚠️仅支持vue2。demo & 源码:https://xiaocheng555.github.io/el-table-virtual-scroll/版本说明当前版本 2.x.x重构...
source: ".is-expanding[data-v-3a7df150] :deep(.el-table__expand-icon) {\n transition: none;\n}\n.hide-append[data-v-3a7df150] :deep(.el-table__append-wrapper) {\n display: none;\n}\n", map: { "version": 3, "sources": ["el-table-virtual-scroll.vue"], @@ -2186...
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...
33 changes: 30 additions & 3 deletions 33 demo/src/views/VFixedDemo.vue Original file line numberDiff line numberDiff line change @@ -32,6 +32,15 @@ :formatter="formatter" min-width="150"> </VirtualColumn> <el-table-column label="id" prop="id"></el-table-column> <el-tab...
"version":3, "sources":["el-table-virtual-scroll.vue"], Expand All@@ -2573,7 +2577,7 @@ }); }; /* scoped */ var__vue_scope_id__$2="data-v-16780ad2"; var__vue_scope_id__$2="data-v-352fab15"; /* module identifier */ ...
"version": 3, @@ -2159,8 +2172,8 @@ var __vue_inject_styles__$2 = function __vue_inject_styles__(inject) { "sourcesContent": [".el-table-virtual-scroll.has-custom-fixed-right .el-table__cell.gutter {\n position: sticky;\n right: 0;\n}\n"] }, media: undefined }), inj...