其他分享
首页 > 其他分享> > el-table多选框根据条件隐藏显示

el-table多选框根据条件隐藏显示

作者:互联网

 

 

 

提供一个方法,
通过添加相应类来控制样式,设置 display: none ,达到隐藏 checkbox 的目的。
利用Table Attributes 属性里面的 cell-class-name 属性,添加单元格的class
 <template>
    <el-table
     :cell-class-name="cellcb"
     ...
    >
     </el-table>
</template>
<script>
  methods: {
    cellcb(row){
      if(row.row.checkStatus === 1&&row.columnIndex === 0){
        return "myCell"
     }
    }
</script>
<style>
 .myCell .el-checkbox__input {
  display: none
}  
</style>

 

记录下,转自:https://www.imooc.com/wenda/detail/513985

 

标签:el,none,checkbox,myCell,table,选框,class,row
来源: https://www.cnblogs.com/listen9436/p/15684643.html