![](https://i-blog.csdnimg.cn/blog_migrate/d815aedf1a04c5515b952476df6f46e3.png)
<el-table v-loading="loading" border>
<el-table-column label="类别" align="center" prop="Type" class-name="cell_table">
<template>
<div class="item_table">
<tr class="item_tr">
<td class="item_td">合计</td>
</tr>
<tr class="item_tr">
<td class="item_td">数量</td>
</tr>
<tr class="item_tr">
<td class="item_td">总述</td>
</tr>
</div>
</template>
</el-table-column>
</el-table>
::v-deep(.cell_table) {
padding: 0;
.cell {
padding: 0;
}
.item_tr {
// padding: 5px;
height: 50px;
background: transparent;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #ebeef5;
}
.item_td {
padding: 5px;
height: 100%;
width: 100%;
display: flex;
background: transparent;
justify-content: center;
align-items: center;
.ellipsis {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.item_tr:last-child {
border-bottom: 0;
}
}