Vue 修改 elementUI table tr th 的高度，以及背景颜色

先看样式截图：

CSS代码：

我是把样式写在index.html 中的

 

/* 设置table header的背景颜色 */

.el-table__header th, .el-table__header tr {

background-color: #17B3A3;

color: black;

}

/* 设置表主体的高度 */

.el-table__body td,.el-table__body th{

padding:1px;

}

/* 设置表头的高度 */

.el-table__header td,.el-table__header th{

padding:6px 0px;

}

/* 设置分页器的高度 */

.site-wrapper .el-pagination {

margin-top: 5px;

text-align: right;

}

.el-pager li.active {

color: #080909;

cursor: default;

background-color: #17B3A3;

border-radius: 2px;

}