1、修改tr th高度
.el-table__header tr,
.el-table__header th {
padding: 0;
height: 40px;
}
.el-table__body tr,
.el-table__body td {
padding: 0;
height: 40px;
}
2、修改表头的背景颜色
.el-table th {
background-color: #c80100;
}
3、解决element-ui的table表格控件表头与内容列不对齐问题
.el-table th.gutter{
display: table-cell!important;
}
4.在移动端中实现不同高度自适应
- 加上ref=“table”,可以在mounted中通过this.$refs.table获取要操作的el-table元素
- h表示当前屏幕下的可视高度-元素参照定位的上边的距离
<el-table
ref="table"
:data="tableData"
:max-height="tableHeight"
style="width: 100%;font-size: 10px "
>
.......
mounted() {
//自适应高度
let h =
window.innerHeight ||
document.documentElement.clientHeight ||
document.bo