Element-ui中table使用row-class-name无效的锅

  Seves

    一、如果table中使用了stripe(斑马纹),那么row-class-name就会失效!
    二、官网给的例子中的代码

    methods: {
      tableRowClassName({row, rowIndex}) {
        if (rowIndex === 1) {
          return 'warning-row';
        } else if (rowIndex === 3) {
          return 'success-row';
        }
        return '';
      }
    },
    
    

    tableRowClassName的参数{row, rowIndex}有点坑啊,打个断点就知道,只需要一个就好了,而且对象层级也是有问题的,后来我改成了

    tableRowClassName(val) {
        if (val.row.status<0) {
            return 'warning-row';
        }
        return '';
    },
    

    文章作者:TuChief
    本文链接:http://www.tuchief.com/
    版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明出处!

    111