众所周知 在实际的页面开发时，所有表单表格都需要高度自定义。
这时如果每次来了新需求 再去使用 elementPlus 原生样式一点点改造就有点费劲，各种审查元素
所以为了让后续的开发不在这种繁琐的事情上耗费经历，在这里记录一下，后续直接拿来改对应的颜色就行

• 首先是 html 部分，用 attr 给一组类名就行，对应下面的 css 类名，然后看情况加 highLight

  <el-table class="custom_el_table" header-cell-class-name="header_cell" highlight-current-row :data="tableData" style="width: 100%" height="100%">
  </el-table>

• 其次就是封装的 scss 或 less 文件内容了，例如把这个文件命名为 myElTable.scss
  
  👉注意 .current-row 的 background-image 是高亮行的背景图，如果较为简单可以用 css 处理

  :deep(.current-row){
      background-image: url("/src/assets/images/table_row_active.png");
      background-size: 100% 100%;
  }
  :deep(.custom_el_table){
      background: transparent;
      --el-table-border: none;
      --el-table-row-hover-bg-color: rgba(0, 158, 250, .1) !important;
      --el-table-current-row-bg-color: rgba(0, 158, 250, 0) !important;
      --el-table-text-color: white;
      --el-table-header-bg-color: #041954;
      --el-table-bg-color: transparent;
      --el-table-tr-bg-color: transparent;
      --el-table-header-text-color: white;
  }
  :deep(.header_cell){
      font-size: 20px;
      font-weight: 500;
  }
  :deep(.el-table__inner-wrapper:before){
      height: 0;
  }

• 最后在 vue 文件中的 style 里引入即可

  @import '/src/assets/css/myElTable.scss';

• 完事