关于el-table开发时的一些常见问题(待更新)

我们在使用饿了么组件的时候经常经常经常会用到el-table组件,所以会经常遇到一些问题,这个帖子统计了我工作到现在目前为止觉得出现比较频繁的一些问题或者使用。

1.使用fixed以后拖不动横向滚动条

我们使用fixed属性使列固定的时候,会发现固定列下方的横向滚动条是拖不动的,但是我们只要加上一个css以后就可以了。

less 复制代码
::v-deep .el-table--scrollable-x .el-table__body-wrapper {
  z-index: 1;
}

这应该是遇到最多的场景了,毕竟经常会出现表头很多,需要在拖动横向滚动条的时候让某一列固定住的情况。

2.动态切换表头的时候出现表头闪烁的问题

我们在使用v-if去动态的切换表头的时候会发现表头会闪烁一下,这会导致用户体验不佳,其实表头闪烁的原因也很简单,这是因为表格在渲染额时候要重新计算表头的高度,我们只需要给表头高度给固定死就好了。

less 复制代码
::v-deep .el-table .el-table__header-wrapper .cell {
  height: 23px !important;
}
相关推荐
关羽的小刀12 分钟前
Element-UI最新版暗藏Lodash漏洞?一次真实项目安全排查记录
前端
张志鹏PHP全栈12 分钟前
Vue3第五天,ref 和 reactive的介绍和区别
前端·vue.js
郭邯14 分钟前
import.meta对象是什么?
前端
用泥种荷花30 分钟前
【NPM 笔记(一)】NPM 入门知识:命令、依赖与脚本核心
前端
大巨头31 分钟前
在vscode中使用通义灵码插件记录分享
前端
江城开朗的豌豆33 分钟前
Vue/React凭什么吊打传统前端?6年老司机带你揭秘它们的性能杀招!
前端·javascript·vue.js
江城开朗的豌豆34 分钟前
虚拟DOM:为什么React/Vue比直接操作DOM快10倍?
前端·javascript·vue.js
mrsk35 分钟前
JavaScript中的大数相加是怎么突破数字的极限的?
前端·javascript·面试
mrsk35 分钟前
JavaScript作用域:变量的「地盘」之争
前端·javascript·面试
北京_宏哥35 分钟前
《刚刚问世》系列初窥篇-Java+Playwright自动化测试-27- 操作单选和多选按钮 - 上篇(详细教程)
java·前端·面试