element-ui的table表格控件表头与内容列不对齐问题的解决方法

1,将以下样式代码添加到index.html、或app.vue中(必须是入口文件,起全局作用!)

body .el-table th.gutter{

display: table-cell!important;

}

2,在全局样式表中添加样式

.el-table th { display: table-cell!important; }

作者:前端小白图

链接:https://juejin.im/post/5d3a54016fb9a07f0c46c7e8

来源:掘金

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,060评论 0 0
  • (o゜▽゜)o☆ 青椒味的Hello World 没有项目工程,没有vue脚手架,就一个HTML页面;没有干货,纯...
    dobby_l阅读 13,142评论 0 6
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,305评论 0 5
  • 1.修改表格高亮行的颜色 .el-table--enable-row-hover .el-table__body ...
    Sallyzqc阅读 4,594评论 0 1