首页 > 其他分享 >element table 动态设置表头className

element table 动态设置表头className

时间:2023-03-17 10:55:30浏览次数:39  
标签:style return HeaderCellClassName 表头 element className columnIndex table

在 el-table 上添加 :header-cell-class-name="HeaderCellClassName"
HeaderCellClassName({ row, column, rowIndex, columnIndex }) {
            if (columnIndex === 0) {
                return 'custom-style'
            }
            if (columnIndex === 3) {
                return 'box-style'
            }
        },

就会在表头索引为0和3上添加对应的class

标签:style,return,HeaderCellClassName,表头,element,className,columnIndex,table
From: https://www.cnblogs.com/tlfe/p/17225809.html

相关文章

  • 下载vue-element-admin时的问题
    1、vue-element-admin官网地址介绍|vue-element-admin(gitee.io)2、转载于(安装vue-element-admin时npminstall报错:Pleasemakesureyouhavethecorrectaccessri......
  • [CSS3] Hide some DOM element while print
    <style>@mediaprint{.no-print{display:none!important;}}</style><divclass="overlay--containerno-print">...</div>......
  • elementUI table中表头标红某个值
    实现效果如下:   代码如下:headStyle({row,column,rowIndex,columnIndex}){if(rowIndex===1||rowIndex===2){vararr=[5,6]......
  • 针对element 的el-table 大数据量的勾选卡顿问题
    针对element的el-table大数据量的勾选卡顿问题,有多种的解决方案,但是我更加倾向于使用uMy-ui使用方法:1. 安装  npminstallumy-ui2.引用:2.1  完整引入在mai......
  • 覆盖element-ui原生样式
    使用深度选择器/deep/进行作用域穿透,不需要去掉style 标签 scoped 属性。只需要在父类class下的element-ui组件class前加上/deep/,就可以修改默认样式如下所示改变原......
  • element-table 相关样式修改
    1.表格整体背景色修改/*表格整体背景色*/::v-deep.el-table,::v-deep.el-table__expanded-cell{background-color:transparent!important;}2.表格内tr......
  • lodop打印 table表格分页带表头页码
    lodop.PRINT_INIT("wageSalaryRetireRecordService");varstrBodyStyle="<style>"+document.getElementById("print_style").innerHTML+"</s......
  • element -ul 中的输入框 限制输入两位小数
    在el-input中需要限制小数点的位数 需要使用到   v-numInpFixed:3和键盘的按下事件onkeyup    <divstyle="float:left">     <el-input......
  • 【Element】ElLoading 自定义动画
    import{ElLoading}from"element-plus";LoadingInstance=ElLoading.service({ background:"rgba(0,0,0,0.7)", customClass:"ElLoading_class",});//主......
  • element-plus的tabs切换位置视图不更新
    1、问题:在element-plus的tabs栏里切换位置,但是数据更新后视图不更新,删除和新增是可以更新的如下例子<scriptsetup>lettabs=reactive(['first','second','third'......