el-scrollbar滚动表格时表头边框处有间隙的问题css

devtools/2024/11/25 21:29:33/

 表头固定,滚动时不出现边框间隙

<div class="list"><table><tr><th>设备名称</th><th width="60">数据</th><th width="60">控制</th></tr></table><el-scrollbar class="list-scroll"><table><tr v-for="item in craftData" :key="item.prop"><td>{{ item.craftName }}</td><td width="60">{{ item.tagValue }}</td><td width="60"><el-switch style="--el-switch-on-color: #28c3f8" v-model="item.checked"@change="handleSwitchChange(item)"></el-switch></td></tr></table></el-scrollbar></div>
.list {position: absolute;z-index: 2;top: 315px;left: 110px;width: 288px;color: white;.list-scroll {height: 333px;border-bottom: 1px solid #4a80e7;}table {width: 100%;border-collapse: collapse;}th {height: 35px;border: 1px solid #4a80e7;font-weight: bold;text-align: center;font-size: 12px;padding: 8px 10px;background-color: #123e9e;}td {border: 1px solid #4a80e7;border-top: none;font-size: 12px;text-align: center;padding: 2px 4px;}tr:nth-last-child(1) {td {border-bottom: none;}        }tr:nth-child(odd) {background-color: rgba($color: #4d95eb, $alpha: 0.1);}}


http://www.ppmy.cn/devtools/136941.html

相关文章

网络安全概论

一、 网络安全是一个综合性的技术。在Internet这样的环境中&#xff0c;其本身的目的就是为了提供一种开放式的交互环境&#xff0c;但是为了保护一些秘密信息&#xff0c;网络安全成为了在开放网络环境中必要的技术之一。网络安全技术是随着网络技术的进步逐步发展的。 网络安…

实验室管理流程优化:Spring Boot技术实践

3系统分析 3.1可行性分析 通过对本实验室管理系统实行的目的初步调查和分析&#xff0c;提出可行性方案并对其一一进行论证。我们在这里主要从技术可行性、经济可行性、操作可行性等方面进行分析。 3.1.1技术可行性 本实验室管理系统采用SSM框架&#xff0c;JAVA作为开发语言&a…

Superset 二次开发之Superset技术栈分析

Apache Superset 是一个功能强大的开源数据可视化平台,支持交互式仪表板和数据探索。它的灵活性来源于其现代化的技术栈架构。本文将详细分析 Superset 的技术栈,从前端到后端及数据层,帮助开发者理解其核心组件和使用场景。 1. 整体架构概览 Superset 的架构分为三个主要…

241124学习日志——[CSDIY] [ByteDance] 后端训练营 [14]

CSDIY&#xff1a;这是一个非科班学生的努力之路&#xff0c;从今天开始这个系列会长期更新&#xff0c;&#xff08;最好做到日更&#xff09;&#xff0c;我会慢慢把自己目前对CS的努力逐一上传&#xff0c;帮助那些和我一样有着梦想的玩家取得胜利&#xff01;&#xff01;&…

基于CNN+RNNs(LSTM, GRU)的红点位置检测(pytorch)

1 项目背景 需要在图片精确识别三跟红线所在的位置&#xff0c;并输出这三个像素的位置。 其中&#xff0c;每跟红线占据不止一个像素&#xff0c;并且像素颜色也并不是饱和度和亮度极高的红黑配色&#xff0c;每个红线放大后可能是这样的。 而我们的目标是精确输出每个红点的…

golang学习6-指针

指针就是地址。 指针变量就是存储地址的变量。 *p:解引用、间接引用。 栈帧:用来给函数运行提供内存空间。取内存于 stack 上。 当函数调用时&#xff0c;产生栈帧。函数调用结束&#xff0c;释放栈帧。 栈帧存储:1.同部变量。2.形参。(形参与局部变量存储地位等同)3.内存字段…

cookie反爬----普通服务器,阿里系

目录 一.常见COOKIE反爬 普通&#xff1a; 1. 简介 2. 加密原理 二.实战案例 1. 服务器响应cookie信息 1. 逆向目标 2. 逆向分析 2. 阿里系cookie逆向 1. 逆向目标 2. 逆向分析 实战&#xff1a; 无限debugger原理 1. Function("debugger").call() 2. …

神经网络(系统性学习四):深度学习——卷积神经网络(CNN)

相关文章&#xff1a; 神经网络中常用的激活函数神经网络&#xff08;系统性学习一&#xff09;&#xff1a;入门篇神经网络&#xff08;系统性学习二&#xff09;&#xff1a;单层神经网络&#xff08;感知机&#xff09;神经网络&#xff08;系统性学习三&#xff09;&#…