关于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;
}
相关推荐
布兰妮甜11 分钟前
单例模式在前端(JavaScript)中的实现与应用
前端·javascript·单例模式
Mintopia11 分钟前
Three.js 加载模型文件:从二进制到像素的奇幻漂流
前端·javascript·three.js
前端小巷子30 分钟前
跨域问题解决方案:JSONP
前端·javascript·面试
eric*168838 分钟前
尚硅谷张天禹老师课程配套笔记
前端·vue.js·笔记·vue·尚硅谷·张天禹·尚硅谷张天禹
程序员爱钓鱼1 小时前
Go语言中的反射机制 — 元编程技巧与注意事项
前端·后端·go
GIS之路1 小时前
GeoTools 结合 OpenLayers 实现属性查询(二)
前端·信息可视化
烛阴1 小时前
一文搞懂 Python 闭包:让你的代码瞬间“高级”起来!
前端·python
AA-代码批发V哥1 小时前
HTML之表单结构全解析
前端·html
聪聪的学习笔记2 小时前
【1】确认安装 Node.js 和 npm版本号
前端·npm·node.js
小磊哥er2 小时前
【前端工程化】你知道前端编码规范包含哪些内容吗
前端