这是我的js代码。
这是我的页面。
这个完全没有对齐，这是怎么回事？
我又没有该任何的js代码，只是渲染页面数据后就出现对不齐的情况。
而且我之前和这些页面类似的页面都没有出问题，你看下面。
我的前端table的格式thead与tbody对不齐？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
- 2025-12-15 09:56百思可瑞教育的博客 在HTML5规范中，表格元素通过语义化标签的组合实现了数据...本文将系统解析table、thead、tbody、caption等核心标签的现代用法，结合实际案例与前沿技术，揭示其在响应式设计、SEO优化、无障碍访问等场景中的关键作用。
- 2024-06-17 16:30沙滩小岛小木屋的博客 第四步，编写js，当表体.scrollHeight > 表...如上处理后，表头和表体能对齐，但如果表体出现滚动条，两者就会对不齐了。第一步，将table和thead分别加上ref（refTable, refTHeader)需求是需要表格滚动，并且表头不动。
- 2024-01-18 11:49三毛与海子的博客 表格标签的大体结构
- 2024-09-20 16:09宝码香车的博客 scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css"> <title>table的表头thead不动tbody内容滚动...
- 2019-02-12 14:12除了基本的导出功能，TableExport还可以与其他前端库结合使用，例如结合jQuery或Vue.js进行更复杂的数据操作。此外，还可以利用FileSaver.js库实现下载功能，让导出的数据直接保存到用户的本地文件系统。 ### 注意...
- 2021-04-15 17:10练过几年代码，有备而来的博客 thead（表格头）tbody（表格主体）tfoot （表尾） 话不多说，先上效果图: 具体使用看见代码演示: <html> <head> <style type="text/css"> /* 下方表格的css文件,也可以自己写到一个css文件里，...
- 2025-04-29 15:52Dontla的博客 HTML 表格完全指南 表格元素 (table, tr, td, th, thead, tbody, tfoot, caption) 表格基础 表格组成部分 基本元素 结构元素 单元格合并 跨行合并（rowspan） 跨列合并（colspan） 同时使用行列合并 表格样式与属性 ...
- 2025-11-20 05:11具体到代码实现上，需要将table的table-layout属性设置为fixed，并对tbody应用block布局，并添加overflow-y: scroll属性，这样tbody就可以在内容超出表格高度时显示出垂直滚动条。通过这种方式，用户可以在浏览大量...
- 2025-08-03 17:39Bdygsl的博客 前面已经对html的基本操作进行了介绍，下面来学习html中的表格与列表。本文与前面的文章一样，详细介绍HTML的入门学习，用于记录学习过程。本次学习Web表单，并介绍html中的表格和列表部分。目录表格标签1.table标签...
- 2025-07-10 19:04一只小风华~的博客 主要内容包括：1）表格基本标签（table/tr/td/th）及结构化元素（thead/tbody/tfoot）；2）单元格合并方法（colspan/rowspan）；3）现代CSS替代传统表格属性的方案（如border-collapse）；4）响应式设计、可访问性...
- 2024-03-26 13:57天香自然，地上红豆的博客 可以实现thead表头不动tbody表身滑动。一、此方法是我在做项目时用到的一种方法；整个表格都在移动加入这段代码。
- 2022-10-29 12:24以下是对【标题】"前端开发与实践- 表格.pptx"和【描述】"前端开发与实践"中涉及知识点的详细说明： 1. **表格基本结构**： - `<table>`：这是创建表格的基本标签，它包围整个表格。 - `<caption>`：定义表格的...
- 2020-09-01 19:06在本例中，我们关注的是如何在Bootstrap的表格（table）中实现表头（thead）固定而tbody部分滚动的效果。这种效果对于展示大量数据时特别有用，因为它允许用户在滚动浏览长列表时始终保持列标题可见。 首先，让我们...
- 2018-01-03 18:10miss_June的博客 在书写项目的时候，当给tbody加滚动条时由于滚动条会占位，总是出现表格边框不对齐有错位的效果呢，如下图 <table class="table_cell"> <thead> 申请日期 订单号
- 2022-08-19 10:41我为杰伦代言的博客 表格中的thead tbody tfoot
- 2018-08-03 14:25Gleason.的博客 如上图所示 之前 写的样式 不变, 想让 thead 固定 不动, tbody 增加滚动条,在样式中添加如下代码 table tbody { display: block; height: 195px; overflow-y: scroll; } table thead, tbody tr { ...
- 2021-06-26 06:54陈静molly的博客 我有一个简单的html表，像这样：Column 1Column 2Value 1Value 2Value 3Value 4Value 5Value 6...标题行和第一个正文行之间的空格我尝试了不同的事情：table {/* collapsed, because the bottom shadow on thead t...
- 2024-10-09 17:46小白养成记￥的博客 Bootstrap表格中，thead固定，tbody有垂直滚动条
- 2019-09-03 11:45在本文中，我们将深入探讨基于React的前端项目——React Table。React Table是一个强大的、高度可定制的组件库，专门用于创建高效、响应式的表格和数据报告。它以其灵活性、轻量级特性和易于使用而备受开发者青睐。...
- 2025-05-21 20:47全栈前端老曹的博客 一起学习前端布局宇宙---table表格布局
- 没有解决我的问题, 去提问
问题事件
提问应符合社区要求
12月10日