el-tablestripe双重表格时，斑马纹颜⾊错乱
在开发过程中遇到了这样⼀个问题，给表格组件加上了斑马纹，初看显⽰正常，但是但点击，斑马纹中的单元格，弹出另⼀个表格的时候发现界⾯效果变的很奇怪，如草图
正常显⽰效果，应为弹窗内表格亦是斑马纹，但是现在单击深⾊那⼀⾏出现的全部变成了同⼀个颜⾊，外层底⾊为⽩⾊的弹窗内表格显⽰正常。遇到这个⼀时之间还没想到是为啥会出现这种状态
然后就开始看css样式，乍⼀看还挺正常，隔⾏存在⼀个–striped class
继续往外层⾛ 发现是因为外层表格的 tr 也带了–striped class，即使弹窗内表格 tr没有–striped class 由于继承的原因，依旧受其影响解决的想法，修改外层tr的className
css表格样式this.$nextTick(()=>{//解决弹窗内表格受外层表格斑马纹影响 ElementsByClassName('el-table__row current-row el-table__row--
striped').length!=0){ ElementsByClassName('el-table__row current-row el-table__row--
striped')[0].className='el-table__row current-row ' } })
问题就解决啦

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。