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'
      }
},
posted @ 2021-09-14 19:48  小方块的世界  阅读(1637)  评论(0编辑  收藏  举报