如何禁用 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属性判断,当然也没有生效,最终亲测这个方法,有效(完美)

相关推荐
阳火锅25 分钟前
💡 告别类名地狱!Tailwind CSS 语义化转换神器来了
前端·css·vue.js
用户1257585243635 分钟前
XYGo Admin 即时通讯与异步任务实战:WebSocket 长连接 + 消息队列驱动后台处理
vue.js
山河木马1 小时前
Emscripten 从 C/C++ 调用 JavaScript
前端·javascript·c++
PBitW1 小时前
组件封装注意事项
前端·vue.js
scan7242 小时前
pydantic格式输出
服务器·前端·javascript
ZC跨境爬虫2 小时前
跟着MDN学HTML_day44:(ProcessingInstruction接口)
前端·javascript·ui·html·媒体
i220818 Faiz Ul2 小时前
高校教务|教务管理|基于springboot+vue的高校教务管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·高校教务系统
ZC跨境爬虫3 小时前
跟着MDN学HTML_day_45:(EventTarget接口)
前端·javascript·ui·html·媒体
漂移的电子3 小时前
【el-tree】外层多选,某个属性内层单选
前端·javascript·vue.js
sheeta19985 小时前
Vue 前端基础笔记
前端·vue.js·笔记