小知识(5) el-table行样式失效问题

一、实现效果

子级呈现不同颜色去区分

二、最初代码

tips: 我这里使用的vue3 + elementplus

  ...

1
2
3

function tableRowClassName({ row, rowIndex }) {
  if (row.children.length === 0) {
    return 'success-row';
  }
  return '';
}
1
2
3
4
5
6

1
2
3
4
5

三、解决

去掉style中的scoped即可，哈哈哈 ^_^ ^_^ ^_^

1
2
3
4
5

快去动动自己的小手手操作起来看看效果吧，冲冲冲！！！