element 表格修改表头高度以及内容行高

740 阅读1分钟

表格默认样式修改

相信不少小伙伴使用element默认的表格样式是需要修改部分表格样式。例如:表头,内容行高,背景色,文字颜色这些。那我们直接修改style里的样式有时并不能成功修改部分样式,那在这里就是需要特殊处理这些样式了。

<el-table class="tablelist" header-cell-class-name="table_header">
 <el-table-column min-width="1%">
 </el-table-column>
</el-table>
<style lang="scss" scoped>

      .tablelist {
        /deep/ .has-gutter {
          height: 40px;
        }

        /deep/ .table_header {
          height: 40px;
          padding: 0;
        }
      }
</style>

这样就可以修改默认的表头以及内容行高了。