修改element ui 表格

1.在开发中我们会 经常用到 element ui 中的表格 会遇到 表格 头 不是我们想要的我 怎么办呢

比如我们这把 图一的样式改成图二的样式 
改表头 
 如图三 的
 加
  :header-cell-style="{background:'#214568',color:'#B9ECFD'}"

图一

图二

图三

改表的 body 部分

/*表格 */
表格的背景颜色
.el-table{
  background-color:#081243;
}
表格的每行的背景颜色w
.el-table__row{
  background-color:#081243 !important;
  color: #B9ECFD;
}
点击是表格的背景颜色 （注意要用这个 clsss 必须在 table 上加 highlight-current-row  如图四）
.el-table__body tr.current-row>td{
  background-color: #242B4E !important;

  border-bottom: 1px solid #FF3366;
  border-top: 1px solid #FF3366;

}