element table單元格 添加多個class


html,vue

<el-table 
  ref="multipleSelection" :data="list" :cell-class-name="addTdClass"
  >
    <el-table-column type="selection"></el-table-column>
    <el-table-column 
      v-for="item in tabHeadList2" 
      :label="item.lable"
      :prop="item.value" 
      :width="item.width">
    </el-table-column>
</el-table>

js       row代表這一行的數據信息,column.這一行的節點信息 (column.property == ''id  代表這一行中id的一列)

多個class名稱用空格分隔

methods: {
  addTdClass({row, column}) {
    if (row.code == '950') {
        if (column.property == "id") {
            return 'bgGreen tableTdHover'
        } else {
            return "bgGreen"
        }
    }
  }
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM