首页 > 其他分享 >给element-plus table 表头添加自定义class

给element-plus table 表头添加自定义class

时间:2025-01-07 12:11:59浏览次数:1  
标签:自定义 表头 element 添加 table class

<el-table class="margin-top-16" :data="selectedTableData" :header-cell-class-name="headerCellClassName" style="width: 100%" height="400">
                        <el-table-column prop="name" label="" min-width="130" />
                        <el-table-column>
                            <template #default="scope">
                                <el-icon :size="18"><CircleClose /></el-icon>
                            </template>
                        </el-table-column>
                    </el-table>
/**
 * 给表头添加class
 * @param param0 
 */
function headerCellClassName({ row, column, rowIndex, columnIndex }: any){
    if(rowIndex === 0){
        return 'el-table-header-cell-bg';
    }
}

 

标签:自定义,表头,element,添加,table,class
From: https://www.cnblogs.com/tlfe/p/18657382

相关文章

  • Electron如何自定义菜单?
    在Electron中,您可以使用Menu和MenuItem类来自定义应用程序的菜单。以下是一个基本的步骤指南,用于在Electron应用程序中创建自定义菜单:引入必要的模块:首先,您需要从Electron中引入Menu和MenuItem。const{Menu,MenuItem}=require('electron');创建菜单项:......
  • vue3+elementPlus实现利用 JSON 数据(`formItems`)描述表单结构,配置化生成表单
    一、功能点(一)组件功能点动态表单生成根据formItems配置动态生成表单项,支持多种类型(如input、radio、select)。表单校验通过rules定义表单校验规则,调用validate方法触发校验。双向绑定表单项通过v-model绑定到form对象,实现数据同步。支持扩展性支持通过form......
  • 微信小程序内,子元素覆盖父元素,点击子元素获取不到父元素自定义的值
    <view><viewclass='bg_white'wx:for="{{topTabTypeList}}"wx:key="index"bindtap="topBtnClick"data-item="{{item}}"data-index="{{index}}"><imagesrc="{{item.img}}"......
  • Vue+Elementui: el-select组件下拉数据量大,产生页面卡顿或崩溃,详细解决方案!
    1.安装插件npminstallvue-virtual-scroll-list2.封装组件1>新建文件夹VirtualSelect创建文件:index.vue,OptionNode.vue/VirtualSelect/index.vue<template><div><el-selectsize="mini"popper-class="virtualselect"......
  • [转]Android lunch添加自定义项目编译
    前言全局说明Androidlunch添加自定义项目编译一、说明原文:https://blue-bird1.github.io/posts/aosp-3/二、新建device和product在编译时已经知道编译时需要选择编译目标.而编译目标在AndroidProducts.mk这种文件下设置参考redroid可知要新建一个device首先在devic......
  • vue3版本下element-plus和antd-vue选哪个更好一些?.240109
    Vue3发布后,各家第三方库开始陆续重构并支持Vue3,国内两大知名框架ElementPlus和AntDesignVue也相续发布新版支持Vue3。到底应该怎么选择呢?ElementPlus和AntDesignVue3都已不在支持IE了,并不是他们自己放弃了IE而是Vue3本身已经放弃了IE。如果想在低版......
  • 6.6 Error recovery with a custom lexer 使用自定义词法分析器进行错误恢复
    https://lalrpop.github.io/lalrpop/lexer_tutorial/006_error_recovery_custom_lexer.htmlFeaturesdescribedinErrorrecoveryworkwellwiththecustomlexer,howevererrorrecoveryonlysupportsrecoveringfromparsererrors-notlexererrors.Thispagesh......
  • C语言(自定义)函数
    函数概念函数可以分为函数库(预制菜)和自定义函数(自己做的菜)函数库之前的文章讲解过一部分数组的、字符串的、动态内存的,有兴趣可以我的学习专栏看一看,里面都有今天重点讲解的函数是自定义函数先来几道预制菜输入/输出函数(头文件为stdio.h):用于完成输入/输出功能;(最基本的)字......
  • 期末大作业 :基于vue+elementUi+springboot的购物商城
    采用四层Web结构实现类似于淘宝购物系统开发,基本要求如下:实现多类型账户管理(店铺、顾客、一般浏览者)店铺实现对商品、顾客订单、店铺信息的管理顾客实现对商品查询、自身订单、个人信息的管理一般浏览者只拥有商品浏览的权限要求能完整实现货物的买卖全过程(模拟淘宝处理)辅助功......
  • 请问如何在Vue3中实现自定义指令?
    在Vue3中,你可以使用app.directive()方法来注册一个全局自定义指令,或者你可以在组件的directives选项中注册局部自定义指令。以下是如何实现自定义指令的步骤:全局自定义指令全局自定义指令需要在应用实例上注册。这通常在应用的入口文件(如main.js或main.ts)中完成。imp......