elementplus表格加个边框

以下是element plus表格加边框的方法：

<template>
  <el-table :data="tableData" style="width: 100%" class="table-border">
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

<style>
  /* 去掉表格边框颜色 */
  .table-border .el-table--border::after,
  .table-border .el-table--group::after,
  .table-border .el-table::before {
    background-color: #12333C!important;
  }
  .table-border .el-table--border,
  .table-border .el-table--group {
    border-color: #12333C!important;
  }
  /* 表头下面的白线去掉 */
  .table-border .el-table th.el-table__cell.is-leaf{
    border-bottom: 0!important;
  }
  /* 减小行高 */
  .table-border .el-table .el-table__cell {
    padding: 5px 0!important;
  }
</style>