element 表格有固定列时滑动错位问题
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
element-ui 中表格组件内部对滚动事件做了防抖。它不会实时修改非固定列的位置 ,有几毫秒的延迟
方法一:使用doLayout 官方
@Watch('data', { deep: true })
private onTotalChange () {
this.updateTableHeight();
// 解决固定列 错位问题
this.$nextTick(() => {
this.rootComponent().doLayout();
// setTimeout(() => {
// const dom = this.rootComponent().bodyWrapper;
// dom.addEventListener('scroll', () => {
// const scrollTop = dom.scrollTop;// 滚动高度
// console.log('scrollTop', scrollTop);
// this.rootComponent().$refs.fixedBodyWrapper.scrollTop = scrollTop;
// });
// });
});
}
方法二:el-table-column增加width
固定列中,fixed=“right”,需要指定宽度 width
与固定列相邻的一列不加width,其他的列指定宽度
GitHub 加速计划 / eleme / element
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:5 个月前 )
c345bb45
9 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 9 个月前
更多推荐
已为社区贡献10条内容
所有评论(0)