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

使用表格时在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;
}
相关推荐
@Autowire13 小时前
Grid-grid-template-areas 属性
前端·javascript·css
刘一说13 小时前
腾讯位置服务JavaScript API GL地图组件库深度解析:Vue生态中的地理空间可视化利器
javascript·vue.js·信息可视化·webgl·webgis
*才华有限公司*13 小时前
#从401到200:Spring Boot + Vue 静态资源访问全链路问题解决方案
vue.js·spring boot·后端
Tim_Van13 小时前
彻底解决:80 端口 GET/POST 正常,PUT 却报 ERR_CONNECTION_RESET?
java·vue.js·spring boot·ruoyi·若依
amazing-yuan13 小时前
彻底解决该 TS 报错 + 提升编译效率
前端·javascript·vue.js·typescript·vue·异常报错处理
乔冠宇13 小时前
前端工程化——ESLint + Prettier 规范代码开发
前端
前端小白在前进13 小时前
优雅的使用Nexent创建与部署前端面试智能体
前端·面试·职场和发展
Jinuss13 小时前
幽灵依赖与pnpm的解决方案
前端
damon0870813 小时前
nodejs 实现 企业微信 自定义应用 接收消息服务器配置和实现
服务器·前端·企业微信