Vue Element-UI Table点击某一行,将该行背景色改变 超级简单

 在你的页面的table里面开启element table 行高亮选项: highlight-current-row

Vue Element-UI Table点击某一行,将该行背景色改变 超级简单_第1张图片


        
        

 然后在style 里面设置全局样式:

 /* 用来设置当前页面element全局table 选中某行时的背景色*/
  .el-table__body tr.current-row>td{
    background-color: #ff784a !important;
     color: #fff;
  }

 

拓展:默认设置选中第一行table

 
        
        
     //从后台拿到数据直接取this.privateData[0]第一条
     this.$refs.multipleTable.setCurrentRow(this.privateData[0],true)

在你渲染表格数据的方法里面写,或者是你获取数据的地方写

 

你可能感兴趣的:(Vue Element-UI Table点击某一行,将该行背景色改变 超级简单)