<el-table :data="tableData" :row-style="{height:'0.4rem'}" :cell-style="{padding: '0'}" :header-cell-style="{
background: 'transparent',
color: '#fff',
border: 'rgb(40, 118, 193) 1px solid',
textAlign: 'center',
fontSize: '12px',
padding: '0',
}">
<el-table-column prop="title" label="巡视组名称">
</el-table-column>
<el-table-column prop="name" label="巡视主题">
</el-table-column>
<el-table-column prop="tel" label="联系电话">
</el-table-column>
<el-table-column prop="email" label="电子邮箱">
</el-table-column>
<el-table-column prop="email" label="邮政信箱">
</el-table-column>
</el-table>
row-style为表格行高
css样式
/deep/ .el-table {
background-color: transparent; //主体框透明透明
border: none;
border-bottom: none;
}
/deep/ .el-table tr {
background-color: transparent !important; //每一行透明
}
/deep/ .el-table--enable-row-transition .el-table__body td,
.el-table .cell {
font-size: 0.1rem;
color: #fff;
text-align: center;
background-color: transparent; //每一行的单元格透明
border: rgb(40, 118, 193) 1px solid;
}
/deep/ .el-table--enable-row-hover .el-table__body tr:hover > td {
background-color: rgba(0, 0, 0, 0) !important;
}
/deep/.el-table::before {
left: 0;
bottom: 0;
width: 100%;
height: 0px;
}
.el-table--border::after {
width: 0px;
}
.el-table__header-wrapper {
background: none;
}