element-ui里el-table表格操作列多横线怎么解决

错误展示

错误原因

在vue中封装了element-ui表格,然后使用插槽,fixed定位等,导致样式出现了错乱

解决方案

1、线没有对齐

复制代码
/* Element-UI 的table 组件出现表格线条不对齐的问题 */
body .el-table th.gutter {
    display: table-cell !important
}

2、fixed固定导致的高度问题

javascript 复制代码
//记得全局样式
<style lang="scss">
  .el-table__fixed-right{
    height: 100% !important;
  }
</style>

结束语:

本文就到此结束了,希望大家共同努力,早日拿下 el 💪💪。

如果文中有不对的地方,或是大家有不同的见解,欢迎指出 🙏🙏。

如果大家觉得所有收获,欢迎一键三连💕💕。

相关推荐
程序员爱钓鱼几秒前
Go语言中的反射机制 — 元编程技巧与注意事项
前端·后端·go
GIS之路22 分钟前
GeoTools 结合 OpenLayers 实现属性查询(二)
前端·信息可视化
just小千24 分钟前
重学React(二):添加交互
javascript·react.js·交互
烛阴30 分钟前
一文搞懂 Python 闭包:让你的代码瞬间“高级”起来!
前端·python
AA-代码批发V哥33 分钟前
HTML之表单结构全解析
前端·html
qq_5895681042 分钟前
element-plus按需自动导入的配置 以及icon图标不显示的问题解决
开发语言·javascript·ecmascript
聪聪的学习笔记44 分钟前
【1】确认安装 Node.js 和 npm版本号
前端·npm·node.js
小磊哥er1 小时前
【前端工程化】你知道前端编码规范包含哪些内容吗
前端
菌菇汤1 小时前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
Ramos丶1 小时前
【ABAP】 从无到有 新建一个Webdynpro程序
java·前端·javascript