如何禁用 el-table 单独某一行，修改某一行样式等（最有效）

monkey-papa2024-01-30 16:27

案例：根据el-table :data="tableData"中是否有invalidStatus值为1，如果是就是不禁用，否就禁用这一行，当然这个invalidStatus随意就行，只要在tabledata中的每一行数据中有这个属性就行，也就是row中得有你要根据判断的属性

javascript 复制代码

el-table中添加这段代码：:row-style="changDisabled"

javascript 复制代码

changDisabled({ row }) {
      if (row.invalidStatus !== 1) {
        return {
          opacity: "0.5",
          pointerEvents: "none"
        };
      }

看了网上的其他方法都不生效，比如给tabledata里设置disabled属性，我试了没有作用，还有就是给el-table设置 row-class-name="table-row-disabled"，然后根据disabled属性判断，当然也没有生效，最终亲测这个方法，有效（完美）