当前位置: 首页 > news >正文

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

文章目录

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


前言

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.lryc.cn/news/530256.html

相关文章:

  • java练习(1)
  • UbuntuWindows双系统安装
  • DeepSeek大模型技术深度解析:揭开Transformer架构的神秘面纱
  • MusicFree-开源的第三方音乐在线播放和下载工具, 支持歌单导入[对标落雪音乐]
  • Versal - 基础4(VD100+Versal IBERT)
  • vue2和vue3路由封装及区别
  • Windows 系统下使用 Ollama 离线部署 DeepSeek - R1 模型指南
  • 性能测试网络风险诊断有哪些?
  • 八股文 (一)
  • TVM调度原语完全指南:从入门到微架构级优化
  • c语言进阶(简单的函数 数组 指针 预处理 文件 结构体)
  • 终极版已激活!绿话纯净,打开即用!!!
  • Vue.js 什么是 Composition API?
  • MySQL高可用
  • 30.Word:设计并制作新年贺卡以及标签【30】
  • Flink2支持提交StreamGraph到Flink集群
  • 大模型本地化部署(Ollama + Open-WebUI)
  • C++哈希(链地址法)(二)详解
  • IME关于输入法横屏全屏显示问题-Android14
  • 网络工程师 (11)软件生命周期与开发模型
  • 【人工智能】基于Python的机器翻译系统,从RNN到Transformer的演进与实现
  • 网络工程师 (12)软件开发与测试
  • 3.Spring-事务
  • Python字典详解:从入门到实践
  • 91,【7】 攻防世界 web fileclude
  • 41【文件名的编码规则】
  • 蓝桥杯备赛经验帖
  • 一文大白话讲清楚webpack基本使用——17——Tree Shaking
  • 【C++ 区间位运算】3209. 子数组按位与值为 K 的数目|2050
  • 8 比例缩放(scale.rs)