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

【CSS】设置表格表头固定

1.设置thead样式

在thead元素中增加样式:

position: sticky;top: 0;

2.设置table样式

在table元素中增加样式:

border-collapse: separate; /* 分离边框模式 */
border-spacing: 0;

3.设置表头伪元素样式

增加样式:

th::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;border-width: 1px;border-style: solid;border-color: #666666;
}

http://www.dtcms.com/a/302186.html

相关文章:

  • 【查漏补缺】机器学习典型算法
  • ZeroNews 推出端到端 TLS 终止功能,强化数据传输安全
  • 【IP地址】大型监控项目IP地址如何规划?
  • 3,智能制造,MOM,MES - 精益制造(具体内容参考PPT文档)
  • 浅谈智能体经济(下篇)——Agent工厂与Agent市场
  • ppocr方向分类器记录
  • C++11之lambda及包装器
  • 【Bluedroid】bta_av_sink_media_callback(BTA_AV_SINK_MEDIA_CFG_EVT)流程源码分析
  • 快速了解MySQL
  • 火狐浏览器中国特供版关闭,如何下载 Firefox 国际版?如何备份数据?
  • vue怎么实现导入excel表功能
  • unbuntn 22.04 coreutils文件系统故障
  • 微型化IMU如何突破无人机与机器人的性能边界?
  • 数据处理工具是做什么的?常见数据处理方法介绍
  • Linux 远程连接解析:SSH 协议理论与应用
  • TCP/IP协议栈测试
  • keepalived
  • LNMP架构+wordpress实现动静分离
  • 《UE教程》第八章第一回——光源类型
  • 四、计算机组成原理——第6章:总线
  • Polkadot 的 Web3 哲学:从乔布斯到 Gavin Wood 的数字自由传承
  • 记一次IDEA启动微服务卡住导致内存溢出问题
  • 期货Level2五档委托簿0.25秒高频分钟与日级历史行情数据解析
  • 如何让Word支持Markdown?
  • C#/.NET/.NET Core技术前沿周刊 | 第 48 期(2025年7.21-7.27)
  • 【Linux】Ubuntu上安装.NET 9运行时与ASP.NET Core项目部署入门
  • k8s 1.30 通过helm部署ingress-controller-4.12.1
  • Java面试宝典:MySQL8新特性
  • Caddy服务器指南
  • 架构实战——互联网架构模板(“开发层”和“服务层”技术)