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

  |   0 评论   |   2,393 浏览

一、如果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/
版权声明: 本文章不涉及商业用途,仅供学习参考,欢迎转载。除特别声明外,转载请注明出处和原文链接!

评论

发表评论