修改源码,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 

相关推荐

  1. Element Plus el-table 组件合并不规律

    2023-12-30 10:28:02       38 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-30 10:28:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-30 10:28:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-30 10:28:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-30 10:28:02       20 阅读

热门阅读

  1. Docker搭建kafka集群

    2023-12-30 10:28:02       32 阅读
  2. 如何在Vue.js中使用$emit进行组件通信

    2023-12-30 10:28:02       36 阅读
  3. leetcode贪心(最大子序列和、分发饼干、摆动序列)

    2023-12-30 10:28:02       32 阅读
  4. uboot学习及内核更换_incomplete

    2023-12-30 10:28:02       52 阅读
  5. 【小白专用】c# 如何获取项目的根目录

    2023-12-30 10:28:02       41 阅读
  6. Unity应该如何学

    2023-12-30 10:28:02       36 阅读
  7. uniapp学习之路

    2023-12-30 10:28:02       37 阅读
  8. 2023年度最后一天班

    2023-12-30 10:28:02       38 阅读