使用表格时在el-table-column上加fixed时导致下边框消失的问题
1、例如:
<el-table-column width="60" header-align="center" align="center" label="序号" fixed>
<template #default="scope">
<span :style="{ color: scope.row.isComplete ? '' : '#606266' }">
{{
scope.$index + 1
}}</span>
</template>
</el-table-column>
<el-table-column prop="name" label="辖区" min-width="100" align="center" fixed>
<template #default="scope">
<span :style="{ color: scope.row.isComplete ? '' : '#606266' }">
{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" min-width="120" fixed="right">
</el-table-column>
2、加上fixed后导致下边框消失

3、解决方案
:deep(.el-table-fixed-column--left), :deep(.el-table-fixed-column--right) {
left: auto !important;
right: auto !important;
}