ElementUI之cell-class-name 使用方法

ElementUI之cell-class-name 使用方法

<el-table :data="tableData3" style="width: 100%" :cell-class-name="cell">
      <el-table-column fixed type="index" width="50">
      el-table-column>
      <el-table-column fixed prop="name" label="名称" width="80">
      el-table-column>
      <el-table-column prop="date" label="上榜日" width="80">
      el-table-column>
 el-table>

    methods: {
      cell({row, column, rowIndex, columnIndex}) {
      //第八列添加 red 类
        if(columnIndex == 7){
          return 'red'
        }
        //某一行其中的一个变量applies值如果大于0，并且在第六列，即确定一个具体的单元格需要确定行和列
        if(parseFloat(row.applies) >0 && columnIndex == 5){
          return 'red'
        }
       }
      }

---

编辑于2018-03-20