如何禁用 el-table 单独某一行,修改某一行样式等(最有效)

案例:根据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属性判断,当然也没有生效,最终亲测这个方法,有效(完美)

相关推荐
weixin_411191841 小时前
flutter中WebView的使用及JavaScript桥接的问题记录
javascript·flutter
百***06011 小时前
SpringMVC 请求参数接收
前端·javascript·算法
天外天-亮1 小时前
Vue + excel下载 + 水印
前端·vue.js·excel
用户47949283569152 小时前
Code Review 惊魂:同事的“优雅”重构,差点让管理员全部掉线
javascript
虚伪的空想家3 小时前
arm架构服务器使用kvm创建虚机报错,romfile “efi-virtio.rom“ is empty
linux·运维·服务器·javascript·arm开发·云原生·kvm
0***K8923 小时前
Vue数据挖掘开发
前端·javascript·vue.js
t***26593 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
蓝胖子的多啦A梦3 小时前
ElementUI表格错位修复技巧
前端·css·vue.js·el-table表格错位
Irene19914 小时前
ES6 export 语句 语法规范
javascript·es6·export
H***99764 小时前
Vue深度学习实战
前端·javascript·vue.js