我有个table的后台动态生成的，想用js+css 实现表头固定，内容滚动的效果。
我在网上找了好多jquery 插件，基本都是转成两个table，第二个table是用一个div滚动，问题是表头列和内容列错位了，哪位大神有好的解决方案。
table表头固定，列错位
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
7条回答 默认 最新
- 2020-10-17 08:22首先，要使用bootstrap-table实现表头固定以及列固定的功能，需要引入对应的JavaScript和CSS文件。这包括jQuery的库文件、Bootstrap的样式文件以及bootstrap-table自身的样式和脚本文件。如果需要实现列固定，还需要...
- 2020-09-22 12:10在实现固定表头的场景中，colgroup标签可以用来为表头和表格主体中相对应的列指定统一的宽度。这样，无论表格如何滚动，表头列和表格主体的列宽度都会保持一致。 接下来，我们看下如何通过CSS来定义固定表头的效果...
- 2018-08-01 17:31"实现Table表头和列固定"的目标就是解决这一问题，保持表头在滚动时始终显示，同时支持多表头和多列固定，确保布局清晰，无错位。 首先，我们需要理解HTML中的`<table>`元素是用于创建表格的基本结构。它由`<thead>...
- 2020-10-16 16:29在实际使用中，可能会遇到列和表头对不齐的问题，尤其是在设置了固定表格高度并出现滚动条的情况下。这种问题通常是由于数据列中的滚动条占据了额外的宽度，导致表头和数据列的div容器宽度不一致。 要解决Bootstrap...
- 2024-01-11 16:12z11101003的博客 请求表格数据后重新加载table，this.$nextTick(() => { this.$refs.table.doLayout() })固定列指定宽度 width，与固定列相邻的一列不加width，其他的列指定宽度。
- 2024-05-07 17:45五月的猫0925的博客 若列头与内容不对齐或出现列重复，请指定固定列的宽度 width。如果指定 width 不生效或...在a-table上面设置scroll.x的值，注意要大于非固定列宽度之和，我这里多加了100。最右边的剩下一个列不设置宽度，来自适应。
- 2022-10-14 13:40帅比九日的博客 每个人造成错位的原因可能不同，但是背后的原因都是投影列与固定列的样式不同导致了实际渲染出来的效果和预想效果出现了偏差，而解决方法都一样，即统一投影列与固定列的样式。
- 2025-06-13 10:56Kate-wang的博客 el-table中前三列是固定位，循环加载表格(一个页面中多个el-table)看了下表格内部数据，有v-if，把v-if变成v-show ,也不行。加载数据的时候前几个展示还算正常，后面几个会出现错行现象。1.使用doLayout，不生效。
- 2021-01-13 10:46Bvasn的博客 (使用方式 )通过计算文字的宽度进行表头设置，其他内容无法计算。5000个单元格以上根据实际情况使用以上根据实际情况使用，因为单元格越多，计算时间越长。尽量使用v-if，不然有些情况下会计算错误。Vue.directive(...
- 2020-12-10 14:14养猪厂在逃厂长的博客 当表格行高动态发生变化时，固定列行高不变导致的表格错位问题 解决方法： 在layui-table加载完成的done回调函数中，动态监听table行高，添加以下代码 done: function (res, curr, count) { $("[data-field='...
- 没有解决我的问题, 去提问
