使用elementplus的table表格遇到的问题

goto_w2025-03-17 22:33

使用表格时在el-table-column上加fixed时导致下边框消失的问题

1、例如：

javascript 复制代码

<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、解决方案

javascript 复制代码

:deep(.el-table-fixed-column--left), :deep(.el-table-fixed-column--right) {
  left: auto !important;
  right: auto !important;
}