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

相关推荐
果壳~3 小时前
【Uniapp】【rich-text】富文本展示以及图片预览功能解决方案
前端·javascript·uni-app
z19408920663 小时前
在线生成背景:字号层级怎么做才像「正式物料」
前端·javascript·html
李白的天不白3 小时前
vue优化建议
前端·javascript·vue.js
invicinble3 小时前
前端框架使用vue-cli(总篇章介绍)
前端·vue.js·前端框架
专注VB编程开发20年3 小时前
VB6字符串指针高效编程,无内存泄露
java·前端·javascript
QD_ANJING3 小时前
普及一下五月AI前端面试需要达到的强度....
前端·javascript·vue.js·人工智能·面试·职场和发展
2601_953465613 小时前
纯前端高性能!m3u8live.cn 重新定义 M3U8 在线播放与调试体验
开发语言·前端·javascript·m3u8
weiabc4 小时前
整数最接近等因数分解函数(汇编优化版)
开发语言·前端·javascript
Hello--_--World4 小时前
React:useEffect 深度解析、useLayoutEffect 深度解析、useEffect 正确处理异步请求,和避免竞态条件?
前端·javascript·react.js