表格默认样式修改
相信不少小伙伴使用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>
这样就可以修改默认的表头以及内容行高了。