当前位置: 首页 > article >正文

element-plus table tableRowClassName 无效

官网上给的是

.el-table .warning-row {
  --el-table-tr-bg-color: var(--el-color-warning-light-9);
}
.el-table .success-row {
  --el-table-tr-bg-color: var(--el-color-success-light-9);
}

但是  如果 加上了  scoped  这样样式是无效的  

在 vue3  中用样式穿透 即可生效  不用去掉 scoped 

<style lang="scss" scoped>
    :deep(.el-table .warning-row) {
      --el-table-tr-bg-color: var(--el-color-warning-light-9);
    }

    :deep(.el-table .success-row) {
      --el-table-tr-bg-color: #a5f8c9;
    }
<style/>


http://www.kler.cn/a/383418.html

相关文章:

  • 【自动化测试】windows下安装Selenium浏览器界面测试工具
  • 极狐GitLab 17.7正式发布,可从 GitLab 丝滑迁移至极狐GitLab【二】
  • GPUStack v0.4.1 单节点与多节点安装与部署指南 Docker PowerShell
  • IMX芯片启动方式
  • 在MySQL 主库上进行自动清理 purged gtid 时,会等待 binlog复制到从库吗
  • 代码随想录Day37 动态规划:完全背包理论基础,518.零钱兑换II,本周小结动态规划,377. 组合总和 Ⅳ,70. 爬楼梯(进阶版)。
  • HTTP动词与状态码
  • 真正的Agent来了,智谱新模型AutoGLM的相关应用,以及AutoGLM的python代码部署实战
  • 兴业严选|美国总统都是不良资产出身 法拍市场是否将大众化
  • 使用 Python 和 OpenCV 实现实时人脸识别
  • React Native使用axios会不会有问题
  • ROS话题通信机制理论模型的学习
  • 应用插件化及其进程关系梳理
  • 数据揭秘:掌握K-means聚类算法的精髓与实践
  • threejs 数字孪生,制作3d炫酷网页
  • 关于Excel的操作,数据转换
  • 大数据算法:一、损失函数
  • JVM垃圾回收详解
  • day-81 打家劫舍 II
  • Linux篇(文件管理命令)
  • 泷羽sec学习打卡-shodan扫描1
  • 【短视频矩阵系统开发指南与源码构建技术分享】
  • Django命令行操作用户(manage.py工具)
  • Golang--面向对象
  • 智能指针std::shared_ptr
  • 音频怎么转换成二维码?扫码播放音频的制作方法