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

table用position: sticky固定多层表头，滑动滚动条border边框透明解决方法

news 2026/2/10 13:25:28

问题：我发现，这个上下滑动有内容经过就会出现如图的情况。 

解决的方法：用outline（轮廓）替代border,以达到我们想要的样式。

outline主要是在元素边框的外围设置轮廓，outline不占据空间，绘制于元素内容周围。同时可以设置轮廓的颜色outline-color，宽度outline-width，以及样式outline-style。

table thead tr {border: none;outline-color: #fff;outline-style: solid;outline-width: 1px;}

Tips:

 

相关文章：

table用position: sticky固定多层表头，滑动滚动条border边框透明解决方法

问题：我发现，这个上下滑动有内容经过就会出现如图的情况。 解决的方法：用outline（轮廓）替代border,以达到我们想要的样式。 outline主要是在元素边框的外围设置轮廓，outline不占据空间，绘制于…...

编程日记 2024/9/12 2:48:59

基于飞桨paddle2.6.1+cuda11.7+paddleRS开发版的目标提取-道路数据集训练和预测代码

基于飞桨paddle2.6.1cuda11.7paddleRS开发版的目标提取-道路数据集训练和预测代码 预测结果： 预测影像： （一）准备道路数据集 下载数据集地址： https://aistudio.baidu.com/datasetdetail/56961 mass_road.zip …...

编程日记 2024/9/12 2:47:44

数学建模笔记—— 整数规划和0-1规划

数学建模笔记—— 整数规划和0-1规划 整数规划和0-1规划1. 模型原理1.1 基本概念1.2 线性整数规划求解1.3 线性0-1规划的求解 2. 典型例题2.1 背包问题2.2 指派问题 3. matlab代码实现3.1 背包问题3.2 指派问题 整数规划和0-1规划 1. 模型原理 1.1 基本概念 在规划问题中&am…...

编程日记 2024/9/12 2:45:18

[001-03-007].第26节：分布式锁迭代3-＞优化基于setnx命令实现的分布式锁-防锁的误删

我的博客大纲 我的后端学习大纲 1、问题分析： 1.1.问题： 1.锁的超时释放，可能会释放其他服务器的锁 1.2.场景： 1.如果业务逻辑的执行时间是7s。执行流程如下 1.index1业务逻辑没执行完，3秒后锁被自动释放。2.index…...

编程日记 2024/9/12 2:44:07

【Unity踩坑】为什么有Rigidbody的物体运行时位置会变化

先上图，不知你有没有注意过这个现象呢？ 一个物体加上了Rigidbody组件，当勾选上Use Gravity时，运行后，这个物体的位置的值会有变化。这是为什么呢？ 刚体由物理系统处理，因此它会对重力、碰撞等做…...

编程日记 2024/9/12 2:40:27

NGINX开启HTTP3，给web应用提个速

环境说明 linuxdockernginx版本:1.27 HTTP3/QUIC介绍 HTTP3是由IETF于2022年发布的一个标准，文档地址为：https://datatracker.ietf.org/doc/html/rfc9114 如rfc9114所述，http3主要基于QUIC协议实现，在具备高性能的同时又兼备了…...

编程日记 2024/9/12 2:37:32

秋招季！别浮躁！

好久没写了，今天兴致来了，众所周知我一旦想说话，就来这里疯狂写。 最近，我去了一家国企的研究院，听着是不是贼高大上，呵——这玩意儿把我分配到三级机构，我一个学计算机的，它不把我…...

编程日记 2024/9/12 2:35:17

Java的时间复杂度和空间复杂度和常见排序

目录 一丶时间复杂度 二丶空间复杂度 三丶Java常见排序 1. 冒泡排序（Bubble Sort） 2.插入排序（Insertion Sort） 3.希尔排序（Shell Sort） 4.选择排序（Selection Sort） 5.堆排序&am…...

编程日记 2024/9/12 2:31:22

Qt 学习第十天：标准对话框 页面布局

系统标准对话框 错误对话框 //错误对话框connect(createPro, &QAction::triggered, this, []{//参数1 父亲 参数2 标题 参数3 对话框内显示文本内容 。。。QMessageBox::critical(this, "报错!", "没加头文件!");}); 【运行结果】 信息对话框 co…...

编程日记 2024/9/12 2:30:18

体育数据API纳米足球数据API：足球数据接口文档API示例⑩

纳米体育数据的数据接口通过JSON拉流方式获取200多个国家的体育赛事实时数据或历史数据的编程接口，无请求次数限制，可按需购买，接口稳定高效； 覆盖项目包括足球、篮球、网球、电子竞技、奥运等专题、数据内容。纳米数据API2.0版本…...

编程日记 2024/9/12 2:28:14

[数据集][目标检测]高铁受电弓检测数据集VOC+YOLO格式1245张2类别

数据集格式：Pascal VOC格式YOLO格式(不包含分割路径的txt文件，仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)：1245 标注数量(xml文件个数)：1245 标注数量(txt文件个数)：1245 标注…...

编程日记 2024/9/12 2:27:13

Vuex：深入理解所涉及的几个问题

你好，我是沐爸，欢迎点赞、收藏、评论和关注。 一、Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 二、Vu…...

编程日记 2024/9/12 2:24:10

vue原理分析（六）研究new Vue()

今天我们来分析使用new Vue() 之前研究时，只是说是在创建一个实例。并没有深入进行研究 在vue的源码中找下Vue的构造函数 function Vue(options) {if (!(this instanceof Vue)) {warn$2(Vue is a constructor and should be called with the new keyword);}this.…...

编程日记 2024/9/12 2:23:08

滑动窗口+动态规划

前言：分析这个题目的时候，就知道要这两个线段要分开，但是要保证得到最优解，那么我们在选取第二根线段的时候，要保证我们第一根线段是左边最优解 并且我们选的两根线段的右端点一定是我们的数组的点（贪心思…...

编程日记 2024/9/12 2:20:05

vscode配置django环境并创建django项目

1、创建文件夹 创建文件夹 并在vscode打开 终端输入命令 “ python -m venv env ” 查看目录结构 2、创建项目 在终端输入 django-admin startproject 文件名(这里以myshop为例) 3、创建应用 在myshop打开终端 在终端输入 django-admin startapp 应用名 这里以app1为例…...

编程日记 2024/9/12 2:17:01

WebGL系列教程四（绘制彩色三角形）

目录 1 前言2 varying变量介绍3 开始绘制3.1 声明顶点着色器3.2 声明片元着色器3.3 创建顶点和颜色的缓冲区3.4 指定变量从缓冲区获取值3.5 效果3.6 varying的内涵3.7 完整代码 4 总结 1 前言 上一篇中我们介绍了如何使用缓冲区来绘制三角形，这一篇我们来讲讲如何给…...

编程日记 2024/9/12 2:15:59

通过mxGraph在ARMxy边缘计算网关上实现工业物联网

在当今的工业4.0时代，工业物联网（IIoT）已经成为制造业转型升级的关键技术之一。ARMxy边缘计算网关作为工业自动化和物联网的重要组成部分，能够为工厂车间提供实时的数据处理能力和智能化服务。而mxGraph作为一种流行的JavaScript库…...

编程日记 2024/9/12 2:14:57

GEE案例：利用sentinel-1数据进行洪水监测分析（直方图统计）

目录 简介 数据 函数 ee.Filter.calendarRange(start, end, field) Arguments: Returns: Filter updateMask(mask) Arguments: Returns: Image 代码 结果 简介 利用sentinel-1数据进行洪水监测分析 数据 COPERNICUS/S1_GRD数据是由欧洲空间局（ESA）的Copernicus项…...

编程日记 2024/9/12 2:13:56

QT 联合opencv 易错点

https://blog.csdn.net/qq_51699436/article/details/135777911 网上已经有大量优秀切详尽的文章来讲述QT联合opencv了，我把容易出错的点列出来备忘 1、在进行opencv进行编译时，要确认好是32位还是64位，因为在创建QT项目的时候QT和opencv要匹…...

编程日记 2024/9/12 2:12:55

例如/举例的使用方法 ,e.g., 以及etc的使用方法

e.g. 例如 for example for the sake of example such as 1 e.g. 是拉丁语 exempli gratia 的缩写意思是“举个例子，比如”，等同于for example、 for the sake of example、such as，使用 e.g. 的目的是用几个例子来说明前面的观点。 2 例…...

编程日记 2024/9/12 2:10:53

IGP（Interior Gateway Protocol，内部网关协议）

IGP（Interior Gateway Protocol，内部网关协议） 是一种用于在一个自治系统（AS）内部传递路由信息的路由协议，主要用于在一个组织或机构的内部网络中决定数据包的最佳路径。与用于自治系统之间通信的 EGP&…...

编程新知 2025/10/12 11:54:26

Java - Mysql数据类型对应

Mysql数据类型java数据类型备注整型INT/INTEGERint / java.lang.Integer–BIGINTlong/java.lang.Long–––浮点型FLOATfloat/java.lang.FloatDOUBLEdouble/java.lang.Double–DECIMAL/NUMERICjava.math.BigDecimal字符串型CHARjava.lang.String固定长度字符串VARCHARjava.lang…...

编程新知 2025/12/14 11:45:25

Java-41 深入浅出 Spring - 声明式事务的支持 事务配置 XML模式 XML+注解模式

点一下关注吧！！！非常感谢！！持续更新！！！ 🚀 AI篇持续更新中！（长期更新） 目前2025年06月05日更新到： AI炼丹日志-28 - Aud…...

编程新知 2026/2/6 11:05:22

学习STC51单片机31（芯片为STC89C52RCRC）OLED显示屏1

每日一言 生活的美好，总是藏在那些你咬牙坚持的日子里。 硬件：OLED 以后要用到OLED的时候找到这个文件 OLED的设备地址 SSD1306"SSD" 是品牌缩写，"1306" 是产品编号。 驱动 OLED 屏幕的 IIC 总线数据传输格式 示意图 …...

编程新知 2026/1/30 4:16:26

HTML前端开发：JavaScript 常用事件详解

作为前端开发的核心，JavaScript 事件是用户与网页交互的基础。以下是常见事件的详细说明和用法示例： 1. onclick - 点击事件 当元素被单击时触发（左键点击） button.onclick function() {alert("按钮被点击了！&…...

编程新知 2025/11/10 10:45:11

保姆级教程：在无网络无显卡的Windows电脑的vscode本地部署deepseek

文章目录 1 前言2 部署流程2.1 准备工作2.2 Ollama2.2.1 使用有网络的电脑下载Ollama2.2.2 安装Ollama（有网络的电脑）2.2.3 安装Ollama（无网络的电脑）2.2.4 安装验证2.2.5 修改大模型安装位置2.2.6 下载Deepseek模型 2.3 将deepse…...

编程新知 2026/2/6 16:59:24

【JVM面试篇】高频八股汇总——类加载和类加载器

目录 1. 讲一下类加载过程？ 2. Java创建对象的过程？ 3. 对象的生命周期？ 4. 类加载器有哪些？ 5. 双亲委派模型的作用（好处）？ 6. 讲一下类的加载和双亲委派原则？ 7. 双亲委派模…...

编程新知 2026/1/31 11:18:29

uniapp 字符包含的相关方法

在uniapp中，如果你想检查一个字符串是否包含另一个子字符串，你可以使用JavaScript中的includes()方法或者indexOf()方法。这两种方法都可以达到目的，但它们在处理方式和返回值上有所不同。 使用includes()方法 includes()方法用于判断一个字…...

编程新知 2025/9/28 19:00:18

nnUNet V2修改网络——暴力替换网络为UNet++

更换前，要用nnUNet V2跑通所用数据集，证明nnUNet V2、数据集、运行环境等没有问题 阅读nnU-Net V2 的 U-Net结构，初步了解要修改的网络，知己知彼，修改起来才能游刃有余。 U-Net存在两个局限，一是网络的最佳深度因应用场景而异，这取决于任务的难度和可用于训练的标注数…...

编程新知 2026/2/7 10:22:16

Visual Studio Code 扩展

Visual Studio Code 扩展 change-case 大小写转换EmmyLua for VSCode 调试插件Bookmarks 书签 change-case 大小写转换 https://marketplace.visualstudio.com/items?itemNamewmaurer.change-case 选中单词后，命令 changeCase.commands 可预览转换效果 EmmyLua…...

编程新知 2026/1/21 17:44:45