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