ElementUI table 表头对不齐的问题

Question

这里通过网上的样式，在index.html ，app.vue中写入 或者公共文件引入都不起作用。

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

Answer 1

经过测试，目前2.8.2 版本 的是没问题的，期待官方最新版本修复。

Answer 2

scoped里的样式需要样式穿透才能覆盖，或者不加scoped

Answer 3

可以在main中elementcss下面引入单独的css文件 不能加scope

Answer 4

就这一行,直接在app.vue中加一个style,把scope删掉
scope总是会在各种复杂的场景下不生效,比如写在其他组件中的html代码添加的类名,