element el-table 设置行高 和表头高度

第一种方式 使用css

 <el-table :data="ycList" border class="tableBox">
          <el-table-column prop="zb" label="异常指标" width="197" />
          <el-table-column prop="n" label="一个月内" width="119" />
          <el-table-column prop="s" label="一个月以上" width="119" />
          <el-table-column prop="h" label="合计" width="119" />
        </el-table>
 
 
/deep/.tableBox {
  th {
    padding: 0 !important;
    height: 10px;
    line-height: 10px;
  }
  td {
    padding: 0 !important;
    height: 30px;
    line-height: 30px;
  }
}

第二种方式el-element-ui的方法
 

<el-table
        v-loading="loading"
        height="calc(100vh - 210px)"
        class="exporttable"
        :data="userList"
        :header-cell-style="{
          borderColor: '#01e3ed',
          background: '#103366',
          color: '#fff',
          height: '60px',
        }"
        :cell-style="{
          borderColor: '#01e3ed',
          background: '#1a5ca8',
          color: '#fff',
        }"
        :row-style="{ height: '50px' }"
      >
        <el-table-column type="selection" width="50" align="center" />
        <el-table-column
          label="用户姓名"
          align="center"
          prop="name"
          width="120"
        />
       
      </el-table>