RT，怎么让标题固定不动，内容可以滚动？
如果把标题写成单独的table 或者li 这就导致它的宽度与表格体部分的数据列宽不统一不好控制，
除了用js计算宽度（内容宽度=标题宽度-滚动条宽度），一一计算每一列的宽度，有啥比较好的方法能实现这个标题固定，内容可以滚动，又能使每一列和标题对齐？
怎么让table标题固定，仅内容可以滚动
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
humorHan 2015-12-25 03:07关注如果只是行固定或者列固定可以用div和table去模仿，让他看起来像是一个table。
如果是行和列都固定的话，那就需要用插件了 网上搜搜 ，自己写的话，大致思路是把一个table拆成四个本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2019-05-29 13:15标题“Table固定指定列进行横向滚动(可拓展)”就描述了这样一个解决方案。 在这个解决方案中，我们有两个关键文件：`Index.html` 和 `Index.js`。`Index.html` 是页面的结构，它包含了一个表格元素，并且可能已经...
- 2020-09-01 19:06在本例中，我们关注的是如何在Bootstrap的表格（table）中实现表头（thead）固定而tbody部分滚动的效果。这种效果对于展示大量数据时特别有用，因为它允许用户在滚动浏览长列表时始终保持列标题可见。 首先，让我们...
- 2025-07-22 16:57不会前端的FY的博客 原生table固定头+内容可滚动
- 2022-09-03 11:24是童童的噢的博客 在table里固定高度 height=“200”
- 2023-02-10 10:54来杯卡布奇洛的博客 需要实现下面样式的表格，其中，表头固定、内容垂直方向滚动、鼠标悬停高亮、点击高亮。
- 2020-10-16 11:34layui 是一款优秀的前端框架，它提供了丰富的组件，如表格(table)等，用于构建高效、美观的界面。然而，在实际应用中，开发者可能会遇到一些小问题，比如在使用layui table进行数据分页时，滚动条的位置在翻页后会...
- 2019-03-22 22:42HolaSecurity的博客 其数据可以随滚动条滚动。 横向滚动条移动时，左侧纵表头保持不动，上侧横向表头跟随移动； 纵向滚动条移动时，上侧横表头保持不动，左侧纵向表头跟随移动； 动态效果图 实现原理 4 个 div + 绝对定位（absolute） ...
- 2021-02-09 15:19想搞全栈的前端的博客 scrollResize() window.onresize = function() { scrollResize() } // 判断是否需要出滚动条 function scrollResize(){ if($('.table-body').height() $('.table-body table').height()){ $('.cell').remove();...
- 2022-01-13 22:03m0_61073617的博客 移动端复制即可使用，pc端还是用 element-ui 、ant Design 等等这些开源的组件库做表格比较好，内容丰富，功能比较全面 这里贴一下html、css代码 模拟数据可以替换为你后台请求到的数据 可滚动的数据...
- 2024-10-22 17:00A_one2010的博客 表单模拟固定左右侧
- 没有解决我的问题, 去提问
