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

修改源码,element的el-table合并,处理合并产生的hover样式问题

1、确认自己element-ui的版本号

---

2、此element-ui下的lib包是修改过hover样式的包,如何替换自己文件下的node_modules中的包

  • 修改后将lib文件夹中文件替换你项目中/node_module/element-ui/Lib中的文件

问题??如果替换开发环境中的node_module的包无法升级到测试环境,因为node_module中的包只在你本地

解决办法:需要将代码拷贝到本地分支,修改table文件,然后一起提交

如果不使用element打包之后的lib文件,就进行以下操作

1、在github中找到element-ui的源码,克隆到本地,直接修改。

el-table合并行hover显示问题

作者解决前显示的问题,如下两张图片

图一
在这里插入图片描述

作者解决后如下

在这里插入图片描述

2、最后产品想要的效果,需求:不区分每一行,只要移入到合并的行,都需要背景颜色

在这里插入图片描述

3、需要源码变动的替换下边两个文件

  • 3.1、table/src/table-row.js文件
import ElCheckbox from 'element-ui/packages/checkbox';
export default {name: 'ElTableRow',props: ['columns','row','index','isSelected','isExpanded','store','context','firstDefaultColumnIndex','treeRowData','treeIndent','columnsHidden','getSpan','getColspanRealWidth','getCellStyle','getCellClass','handleCellMouseLeave','handleCellMouseEnter','fixed','recordRowIndexMap'],components: {ElCheckbox},render() {const {columns,row,index: $index,store,context,firstDefaultColumnIndex,treeRowData,treeIndent,columnsHidden 
http://www.lryc.cn/news/271170.html

相关文章:

  • IoT 物联网常用协议
  • 使用java备份和恢复SQLServer表数据
  • 27 UVM queue
  • 聊聊自动化测试的分层实践
  • LVS那点事
  • 2022-2023年度广东省职业院校学生专业技能大赛“软件测试”赛项接口测试训练题目
  • [Python][LeetCode]28. 找出字符串中第一个匹配项的下标
  • Prometheus监控mysql
  • 骑砍战团MOD开发(30)-游戏大地图map.txt
  • 关于 bringup sensor 时,曝光时间异常的问题排查
  • linux用户态与内核态通过字符设备交互
  • 如何高效查询文件:Linux 下的多种方法详解
  • 记矩阵基础概念
  • 用html,js和layui写一个简单的点击打怪小游戏
  • [线代]不挂科猴博士
  • 扩散式过滤器 水泵角通除污器 0阻力过滤器直角过滤器工作原理
  • MetalLB:本地Kubernetes集群的LoadBalancer负载均衡利器
  • C++判定终端ip和目标ip是否在同一局域网内
  • 深入解析 可空值类型
  • esp32idf使用thingscloud例程
  • 记一次应急响应练习(Linux)
  • Pandas教程(四)—— 分层索引及数据联合
  • 小梅哥Xilinx FPGA学习笔记16——FSM(状态机)的学习
  • vol----学习随记!!!
  • HarmonyOS4.0系统性深入开发10卡片事件能力说明
  • openGauss学习笔记-181 openGauss 数据库运维-升级-升级流程
  • 提前应对威胁
  • C语言与人生:数组交换和二分查找
  • Python实现【亚马逊商品】数据采集
  • Git使用教程 gittutorial