el-table改变某一列的样式

 

 

问题描述

el-table中有些列需要编辑，有些显示文本，需要对编辑的列做特定样式处理

问题解决

<el-table
    :data="tableData"
    :cell-class-name="cellClsNm"
>

属性为editable的一列的td上添加有一个 td-edit-cls的类

cellClsNm({ column }) {
      if (column.property === 'editable') {
        return 'td-edit-cls'
      }
},