表格样式修改(表头高、表头边框、表格内边框、表格行高)
//控制表头高度
.el-table /deep/ .el-table__header th {
padding: 0;
height: 40px;
line-height: 40px;
//表头边框设置
border:solid #cccccc; border-width:1px 0px 0px 1px;
}
//添加表格行边框
.el-table /deep/ td{
border:solid #cccccc; border-width:1px 0px 0px 1px;
}
// table右下外边框颜色
.el-table–border:after,
.el-table–group:after,
.el-table:before {
background-color: #cccccc;
}
//表格上左外边框
.el-table–border,
.el-table–group {
border-color: #cccccc;
}
//表头背景色
:header-cell-style="{background:’#e0e4e5’}"
//表格行高还需要设置padding
:cell-style="{padding:‘0px’}"
element ui table样式
最新推荐文章于 2024-09-25 10:00:00 发布