当前位置: 首页 > article >正文

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

使用表格时在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;
}

http://www.kler.cn/a/588601.html

相关文章:

  • ubuntu ollama+dify实践
  • 关于修改 Ollama 及其模型默认路径、迁移已安装的 Ollama 程序和模型以及重启 Ollama 的操作指南
  • 计算机视觉——深入理解卷积神经网络与使用卷积神经网络创建图像分类算法
  • 在线 SQL 转 Flask-SQLAlchemy
  • 高版本node(17+)环境下VUE2项目启动报错
  • Android 7 及以上夜神模拟器,Fiddler 抓 https 包
  • DDS:保障物联网系统的稳定运行和高效协作
  • 提升 React 应用性能:使用 React Profiler 进行性能调优
  • Assembly语言的自然语言处理
  • Spring Boot项目中成功集成了JWT
  • C++学习内存管理
  • 【NLP 38、实践 ⑩ NER 命名实体识别任务 Bert 实现】
  • STM32 - 在机器人领域,LL库相比HAL优势明显
  • RAG数据嵌入和重排序:如何选择合适的模型
  • .NET_Prism基本项目创建
  • 嵌入式工程师春招面试高频题与参考回答
  • PyTorch 深度学习实战(15):Twin Delayed DDPG (TD3) 算法
  • DeepSeek在学术选题中两个核心提示词
  • Swift 中 associatedtype 的用法详解
  • 自动驾驶之心视觉语言导航!VLN算法与实战课程