<el-table-column prop="record" label="记录" min-width="300">
<template slot-scope="scope">
<el-tooltip :content="scope.row.record" placement="top">
<span class="name-wrapper">{{ scope.row.record || ' -- ' }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="storedFileName" label="附件" min-width="180">
<template slot-scope="scope">
<el-button v-if="scope.row.storedFileName" type="text" size="small" >{{ scope.row.storedFileName }}</el-button>
<span v-else>{{ ' -- ' }}</span>
</template>
</el-table-column>
/deep/ .el-table {
margin-left: 45px;
}
/deep/ .el-table__row {
height: 53px;
}
/deep/ .el-table thead {
height: 53px;
}
.name-wrapper {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.el-table .el-button {
line-height: 20px;
white-space: normal;
text-align: left;
}
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: $btnBgColor;
}
el-table内部的样式
最新推荐文章于 2024-07-24 10:40:57 发布