el-table组件树形数据修改展开箭头

server/2024/12/17 5:53:11/
<style lang="scss" scoped>
::v-deep .el-table__expand-icon .el-icon-arrow-right:before {content: ">"; // 箭头样式font-size: 16px;
}::v-deep .el-table__expand-icon{ // 没有展开的状态background-color: rgba(241, 242, 245, 1);color: rgba(229, 229, 229, 1);border-radius: 4px;margin-right: 12px!important;
}::v-deep .el-table__expand-icon--expanded{ // 展开的状态background-color: #3D6DD5;color: #FFFFFF;
}::v-deep .el-table__cell{padding-left: 40px;
}
</style>

最终样式

顺带说一下,这里el-table-column标签上的align="center"的话,可能会导致缩进有问题(看不出来是父级还是子级),原因是首列字数不是固定导致的,如果首列字数全部一致的这个应该没有这个问题


http://www.ppmy.cn/server/150813.html

相关文章

MAC 头部、IPv4 头部、IPv6 头部、TCP 头部和 UDP 头部

MAC 头部 字段名称长度&#xff08;字节&#xff09;描述目标 MAC 地址6接收设备的 MAC 地址。源 MAC 地址6发送设备的 MAC 地址。以太网类型/长度2表示上层协议类型&#xff08;如 IPv4、IPv6&#xff09;或数据长度&#xff08;以太网 II 或 802.3&#xff09;。数据负载46-1…

云计算:开启数字化变革的强大引擎

一、云计算的基本概念 定义与内涵 云计算是一种基于互联网的计算模式&#xff0c;通过网络将大量的计算资源&#xff08;如服务器、存储、应用软件、服务等&#xff09;进行整合&#xff0c;以服务的形式提供给用户。它实现了资源的虚拟化&#xff0c;使得用户无需直接管理和维…

Kubernetes和ZStack分配CPU的机制

在 Kubernetes (k8s) 环境中限制 CPU 资源与在 ZStack 虚拟机中分配 CPU 资源的机制存在一些关键差异。以下是这两种环境下 CPU 分配机制的详细对比&#xff1a; Kubernetes 中的 CPU 管理 资源请求与限制&#xff1a;Kubernetes 允许你为每个容器指定 CPU 请求&#xff08;re…

webrtc学习----前端推流拉流,局域网socket版,一对多

提示&#xff1a;局域网socket版&#xff0c;一对多 文章目录 [TOC](文章目录) 前言一、教程二、webrtc工作流程三、推流端四、拉流五、socket服务六、效果七、备注总结 前言 ‌‌‌‌‌WebRTC&#xff08;Web Real-Time Communication&#xff09;‌是一种实时通讯技术&#x…

rabbitmq问题,消费者执行时间太长,超过心跳时间,消费者消失,任务堆积

rabbitmq问题&#xff0c;消费者执行时间太长&#xff0c;超过心跳时间&#xff0c;消费者消失&#xff0c;任务堆积 1.python多线程使用rabbitmq包地址 flask_rabbitmq 2.解决后的包 import json import logging import signal import sys import threading import time i…

Uniapp安卓端获取手机号码

简述 简单的讲就是可以使用uniapp调取原生的安卓的接口来获取对应的手机号码信息 准备工作 下面是要开启的获取手机号的的必要信息转变准备 然后就是开启应用权限管理的号码权限&#xff08;一般都会开启&#xff09; 获取主手机号 onLoad() {plus.android.importClass(an…

Scala的trait

//定义trait //1.不是类&#xff1a;不能实例化 //2.它的构造器不能带参数&#xff01; 即&#xff1a;不能添加&#xff08;&#xff09;trait Shentihao{//具体属性var KM_i 5//抽象属性var sports:String//具体方法def say(): Unit {}//抽象方法def run } class Student e…

OpenCV--特征匹配

OpenCV--特征匹配 代码和笔记 代码和笔记 import cv2 import numpy as np""" 特征匹配 """""" 暴力特征匹配&#xff1a;使用第一组&#xff08;第一幅图&#xff09;中的一个特征描述子&#xff0c;使用一些距离计算与第二组中…