el-table组件样式如何二次修改?

ops/2025/2/4 12:41:32/

文章目录

  • 前言
  • 一、去除全选框按钮样式
  • 二、表头颜色的修改


前言

ElementUI中的组件el-table表格组件提供了丰富的样式,有一个全选框的el-table组件,提供了全选框和多选。


一、去除全选框按钮样式

原本默认是有全选框的。假如有一些开发者,因为某些需求,不想要这个全选框按钮,我们可以通过样式修改掉这个全选框按钮。(本人碰到过这种需求)
示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。

二、表头颜色的修改

原本是这样的。
在这里插入图片描述

我们只需要加入这两行代码就可以修改默认样式:

/* 全选按钮消失 */
::v-deep.el-table__headertheadth:nth-child(1).cell.el-checkbox.el-checkbox__input.el-checkbox__inner {display: none;
}
/* 表头颜色 */
:deep(.el-table thead) {color: black;
}

具体效果:
在这里插入图片描述


http://www.ppmy.cn/ops/155566.html

相关文章

登录认证(5):过滤器:Filter

统一拦截 上文我们提到(登录认证(4):令牌技术),现在大部分项目都使用JWT令牌来进行会话跟踪,来完成登录功能。有了JWT令牌可以标识用户的登录状态,但是完整的登录逻辑如图所示&…

Linux:宏观搭建网络体系

一、计算机网络背景 1、独立模式:计算机之间相互独立 可是这样的话,如果我们想要做协作就必然需要交互数据,就必须得使用U盘进行拷贝,效率很低,所以我们需要网络互联,将计算机连向同一台服务器&#xff0c…

Flutter开发环境配置

下载 Flutter SDK 下载地址:https://docs.flutter.cn/get-started/install M1/M2芯片选择带arm64字样的Flutter SDK。 解压 cd /Applications unzip ~/Downloads/flutter_macos_arm64_3.27.3-stable.zip执行 /Applications/flutter/bin/flutterManage your Flut…

基于Spring Security 6的OAuth2 系列之八 - 授权服务器--Spring Authrization Server的基本原理

之所以想写这一系列,是因为之前工作过程中使用Spring Security OAuth2搭建了网关和授权服务器,但当时基于spring-boot 2.3.x,其默认的Spring Security是5.3.x。之后新项目升级到了spring-boot 3.3.0,结果一看Spring Security也升级…

1. 【.NET Aspire 从入门到实战】--理论入门与环境搭建--引言

在当前软件开发领域,云原生和微服务架构已经成为主流趋势,传统的单体应用正逐步向分布式系统转型。随着业务需求的不断变化与用户规模的迅速扩大,如何在保证高可用、高扩展性的同时,还能提高开发效率与降低维护成本,成…

LVS工作模式 DR 配置要点

LVS工作模式 DR direct routing 在DR模式中,所有的RS需要配置两个地址:RIP和VIP在DR模式中,LVS会通过arp获取到所有RS的IP地址和对应的MAC地址,因此LVS和RS需处于同一二层网络中当User发送请求到LVS后,LVS保持源目IP地址和端口号…

在 Ubuntu 上安装 Node.js 23.x

在 Ubuntu 上安装 Node.js 23.x 前提条件安装步骤1. 下载设置脚本2. 运行设置脚本3. 安装 Node.js4. 验证安装 参考链接总结 在现代 web 开发中,Node.js 是一个不可或缺的工具。它提供了一个强大的 JavaScript 运行时环境,使得开发人员可以在服务器端使用…

web前端13--动画

1、动画 语法:两种写法 csskeyframes big{0%{width: 200px;background-color: aqua;}50%{width: 500px;background-color: rgb(111, 255, 0);}100%{width: 300px;background-color: red;}}keyframes big{from{width: 200px;background-color: aqua;}to{width: 500…