vue element-ui里的table中表头与表格出现错位的解决
更新时间：2022年08月24日 09:23:22 作者：khadijiah
这篇文章主要介绍了vue element-ui里的table中表头与表格出现错位的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
element-ui里的table中表头与表格出现错位
现象：
原因：电脑显示的缩放引起的，并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常，而Google浏览器才会出现这个问题。
解决方案
找到项目入口文件（敲黑板重点！！），添加全局样式：
.el-table th.gutter{
display: table-cell!important;
}效果：
看着顺眼多了吧～
element-ui表格样式错乱调整方式
在vue中封装了element-ui表格，然后使用插槽，fixed定位等，导致样式出现了错乱，以下提供几种错乱方式的解决方法
1、线没有对齐
在全局样式中写下这样的代码
/* Element-UI 的table 组件出现表格线条不对齐的问题 */
body .el-table th.gutter {
display: table-cell !important
}2、fixed固定导致的高度问题
全局样式中写如下代码
.el-table__fixed-right{
height: 100% !important;
}
3、去掉鼠标hover修改背景色事件
/* 去掉鼠标hover事件 */
/* tr {
pointer-events: none;
} */
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
快速解决Error: error:0308010C:digital envelope ro
因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,下面通过本文给大家分享快速解决Error: error:0308010C:digital envelope routines::unsupported的三种解决方案,感兴趣的朋友一起看看吧2024-02-02
Element ui table表格内容超出隐藏显示省略号问题
这篇文章主要介绍了Element ui table表格内容超出隐藏显示省略号问题,具有很好的参考价值,希望对大家有所帮助,2023-11-11
这篇文章主要介绍了vue-photo-preview图片预览失效的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
vue中el-date-picker限制选择7天内&禁止内框选择
项目中需要选择时间范围,并且只能选择当前日期之后的七天,本文就来介绍了vue中el-date-picker限制选择7天内&禁止内框选择,具有一定的参考价值,感兴趣的可以了解一下2023-12-12
这篇文章主要介绍了vue下如何利用canvas实现在线图片标注，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue关于接口请求数据过大导致浏览器崩溃的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要给大家介绍了关于vue中data的代理和监听的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友可以参考下2022-09-09
在本文中小编给大家分享的是关于vue引入子组件方法和先关注意点，有需要的朋友们可以学习下。2019-02-02
这篇文章主要为大家介绍了van-cell如何使用插槽详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-12-12
最近做的项目用到了全选全不选功能,于是就自己动手写了一个,这篇文章主要给大家介绍了关于Element树形控件el-tree实现一键全选、反选功能的相关资料,需要的朋友可以参考下2023-10-10
最新评论