页面中使用多个组件拼接页面，如果页面中有表格的，也许表头一栏会受其他组件的影响会出现表头错误问题，尝试多种方法后终于用如下方法得以解决： body .el-table th.gutter{ display: table-cell!important; } ...

解决方法: ...

页面中多组件开发时，如果页面中有表格的，table表格头出现表头错乱 ...

在使用 el-table的时候 会遇到表头与内容不对齐的情况 只需要在样式中加入 ...

动图效果可参考：https://www.jianshu.com/p/33175c3a6ba4 ...

element UI 官方文档有一个 :render-header 的方法 渲染自定义结构用的是 vue 的h函数 也就是render 函数写法 //html <el-table ...

在使用VUE进行系统开发，常用的UI框架就是elementUI框架，在对金钱数字处理的时候，往往右对齐体验更佳，数据右对齐相对比较容易，稍微麻烦的就是单独的表头也要右对齐，下面就简单记录下： 代码示例： 效果示例： 到此结束 ...

需要实现的效果如图，表格头部合并成一排。 因为总共是4列，所以colSpan =4表示合并4列 头部给个高度，居中一下就ok啦 ...