首页 > 其他分享 >直播系统搭建,el-table更改某行背景及文字样式

直播系统搭建,el-table更改某行背景及文字样式

时间:2022-09-26 14:26:42浏览次数:55  
标签:el 样式 直播 table red row

直播系统搭建,el-table更改某行背景及文字样式

1、el-table标签添加 属性 :row-class-name="tableRowClassName"

2、定义属性方法

 

//row是获取到某一行的数据 orderTimeFlag 是我列表数据中的一个字段
//用来判断哪些行需要颜色改变
tableRowClassName({ row }) {
   if (row.orderTimeFlag == "1") {
        return "red-row";
   }
},

3、设置背景颜色及其他样式

 

//    /deep/ 新的使用方法
::v-deep {
  .el-table .red-row {
    font-size: 12px;
    font-weight: 700;
    color: red !important;
  }
}

 

以上就是 直播系统搭建,el-table更改某行背景及文字样式,更多内容欢迎关注之后的文章

 

标签:el,样式,直播,table,red,row
From: https://www.cnblogs.com/yunbaomengnan/p/16730738.html

相关文章

  • vue 使用element表格报错 哪里报错滑动到哪里
    this.$nextTick(()=>{letisError=document.getElementsByClassName('is-error')isError[0].scrollInto......
  • elasticsearch 5.6.16 x-pack license过期处理
    elasticsearch5.6.16x-packlicense过期处理访问官网申请免费license即可,地址为:https://register.elastic.co/marvel_register升级至6.3+版本,高版本的基础版该功......
  • 直播平台软件开发,audriod studio 两种弹窗方法
    直播平台软件开发,audriodstudio两种弹窗方法一、根据日期判断软件是否超期,超期弹窗,按钮退出程序,不超期继续运行。方法:调用系统当前时期与设定日期进行比较(compareto),如......
  • delphi cxSplitter学习笔记
     //cxSplitter禁用移动和拖拽,只允许点击箭头按钮触发缩放(展开和收起)procedureTFraModleBase.cxSplitter3CanResize(Sender:TObject;varNewSize:Integer;varAcc......
  • label 多选 按钮 综合应用
    环境介绍:代码工具:VisualStudio2022开发框架:.netformwork4.7.2开发须知当前我所了解的有.netcore以及.netformwork两种框架.netformwork:这个是微软专......
  • EasyExcel单元格合并策略
    EasyExcel单元格合并策略自定义策略packagecn.most.rsgzglxt.utils;importcom.alibaba.excel.metadata.Head;importcom.alibaba.excel.metadata.data.CellData;im......
  • leveldb versionSet 和 versionEdit
    前言Compaction和Version相关的部分交织在一起,不搞明白Version很难理解Compaction。其实这句话反过来说也是对的,如果不理解Compaction也很难理解VersionSet。versionEdit......
  • 《Vision Permutator: A Permutable MLP-Like ArchItecture For Visual Recognition》
    论文题目:《VisionPermutator:APermutableMLP-LikeArchItectureForVisualRecognition》 论文作者:QibinHou,ZihangJiang,LiYuan etal.论文发表年份:2022.2......
  • Xshell无法连接22端口问题解决办法汇总
    Xshell软件在进行远程连接过程中,会出现端口连接报错的问题,提示:“该IP地址的22端口连接失败”,这是怎么回事?今天小编就xshell软件无法连接22端口的问题,整理相关情形(ubuntu系......
  • hello world
    一个新文件夹,存放代码改成Java文件文件后缀名为:java后缀名可能要手动打开编译代码publicclasshello{ publicstaticvoidmain(String[]args){ System.......