首页 > 其他分享 >elementUI table中表头标红某个值

elementUI table中表头标红某个值

时间:2023-03-15 17:35:35浏览次数:27  
标签:arr center rowIndex text 中表 columnIndex table 头标

实现效果如下:

 

 

 代码如下:

headStyle({ row, column, rowIndex, columnIndex }) {
      if (rowIndex === 1 || rowIndex === 2) {
        var arr = [5, 6]
        for (let i = 0; i < 5; i++) {
          arr.push(arr[arr.length - 2] + 7)
          arr.push(arr[arr.length - 2] + 7)
        }
        return arr.indexOf(columnIndex) > -1 ? 'color:#f00;text-align:center' : 'text-align:center'
      } else {
        return 'text-align:center'
      }
    },

 

1.在table上绑定:header-cell-style="headStyle",header-cell-style在文档中解释如下:

 

 

 2.row是行,rowIndex是行的索引值,column是列,columnIndex第几列。

3.循环出6周的周六和周天。

4.判断,返回。

 

标签:arr,center,rowIndex,text,中表,columnIndex,table,头标
From: https://www.cnblogs.com/yeziyou/p/17219309.html

相关文章

  • 强大的iptables:解锁Linux网络安全的神器
    iptables是Linux系统中的防火墙管理工具,它的功能强大并且使用灵活,可用于网络防护、路由转发等功能应用。由于防火墙功能是基于Linux内核实现的,具有稳定和高效率的特点,因此常......
  • iptables的使用
    iptables的使用iptables介绍iptables是基于内核提供的netfilter框架实现的,网络协议栈是分层的,在tcpip网络模型里,tcp传输层下面的一层就是ip网络层,而netfilter就是工作在......
  • 针对element 的el-table 大数据量的勾选卡顿问题
    针对element的el-table大数据量的勾选卡顿问题,有多种的解决方案,但是我更加倾向于使用uMy-ui使用方法:1. 安装  npminstallumy-ui2.引用:2.1  完整引入在mai......
  • HashMap、Hashtable、ConcurrentHashMap线程安全问题
    publicclassHashMapDemo{publicstaticvoidmain(String[]args)throwsInterruptedException{//HashMap是线程不安全的//Hashtable是线......
  • golang viper 处理TOML 特殊的arrar和array of table
    参考:https://github.com/spf13/viper/issues/213知识点:go类型断言tomlconfig:[src_isntances]#i=[{ip="dasds",port="asdas"},{ip="dffdafs",port="afasdsdas"}]i1=......
  • element-table 相关样式修改
    1.表格整体背景色修改/*表格整体背景色*/::v-deep.el-table,::v-deep.el-table__expanded-cell{background-color:transparent!important;}2.表格内tr......
  • Java容器之Hashtable源码分析
    一、概述Hashtable是一个比较古老的Map实现类,从它的名称就可以看得出来,因为没有遵循Java的语言规范。它和HashMap很像,同属于散列表,有以下特性:线程安全,这也估计算是唯一......
  • Hashtable和Dictionary 的区别
    Hashtable和Dictionary都是.Net下的表示键值对的集合,那么我们在使用中该选择Hashtable还是Dictionary?下边我们看看他们之间的区别:1、Dictionary<K,V>在使用中是顺序存储的......
  • lodop打印 table表格分页带表头页码
    lodop.PRINT_INIT("wageSalaryRetireRecordService");varstrBodyStyle="<style>"+document.getElementById("print_style").innerHTML+"</s......
  • C# 关于 SET IDENTITY_INSERT TableN ON 失效
    设置自增标识列的脚本不能单独执行,是没有效果的,需要在同一域执行,才会生效SETIDENTITY_INSERTBiz_Sell_ProduceshippingONINSERTINTOBiz_Sell_ProduceshippingVAL......