el-table stripe 双重表格时，斑马纹颜色错乱

在开发过程中遇到了这样一个问题，给表格组件加上了斑马纹，初看显示正常，但是但点击，斑马纹中的单元格，弹出另一个表格的时候发现界面效果变的很奇怪，如草图

正常显示效果，应为弹窗内表格亦是斑马纹，但是现在单击深色那一行出现的全部变成了同一个颜色，外层底色为白色的弹窗内表格显示正常。遇到这个一时之间还没想到是为啥会出现这种状态

然后就开始看css样式，乍一看还挺正常，隔行存在一个–striped class

继续往外层走 发现是因为外层表格的 tr 也带了–striped class,即使弹窗内表格 tr没有–striped class 由于继承的原因，依旧受其影响
解决的想法，修改外层tr的className

this.$nextTick(()=>{//解决弹窗内表格受外层表格斑马纹影响 if(document.getElementsByClassName('el-table__row current-row el-table__row--striped').length!=0){ document.getElementsByClassName('el-table__row current-row el-table__row--striped')[0].className='el-table__row current-row ' } })

问题就解决啦