问题现象:
elementUI
table
组件在Windows
系统,Google
浏览器出现表头的边框和内容的边框错位问题
解决办法:
方法一:添加css样式覆盖
把这样式添加到index.html
中、或者app.vue
中(必须是入口文件,才能全局起作用!)
body .el-table th.gutter{
display: table-cell!important;
}
注:在我的项目中有一个项目用这个方法能解决,另外一个项目不能解决。。。采用的方法二
方法二:同样添加css样式覆盖
.el-table--border th.gutter:last-of-type {
display: block!important;
}
方法三:网上搜的没有尝试过
在el-table
组件挂载一个ref="configurationTable"
,然后在每次请求数据成功后动一动表格的默认宽度
this.$refs.configurationTable.$el.style.width = '99.99%'
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。