element ui table表格中修改某一列样式

在element中修改表格某列的样式时可以根据

  :cell-class-name="addclass"来修改,我这边需要给某个列加粗,当你选择不同的值时,某一列进行加粗提醒

 

当我选择最小值,想要最小值的这一列加粗

element ui table表格中修改某一列样式_第1张图片

element ui table表格中修改某一列样式_第2张图片

在addclass函数中的row中有个columnIndex可以是第几列添加一个addcss样式属性,当num的值变化时表格的加粗列也就跟着变化即可

 addclass(row){

      var that=this

        if (row.columnIndex==that.num) {

          return 'addcss'

        }

        

    },

感谢https://www.cnblogs.com/belongs-to-qinghua/p/11672605.html提供的技巧

 

你可能感兴趣的:(element,vue)