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

原文链接：点我

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

解决方法：
将以下样式代码添加到index.html、或app.vue中（必须是入口文件，起全局作用！）
body .el-table th.gutter{
display: table-cell!important;
}

例如（app.vue）：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<template>   <div id="app">     <router-view></router-view>   </div> </template>   <script>   export default{      name: 'APP'   } </script>   <style>   /* 解决element-ui的table表格控件表头与内容列不对齐问题 */   .el-table th.gutter{     display: table-cell!important;   } </style>   <style lang="scss">   @import './styles/index.scss'; // 全局自定义的css样式 </style>