youmeng19930821 2018-03-14 12:09 采纳率: 45.5%
浏览 6700
已结题

如何设置table的表头固定

图片说明
如果所示这个表格的表头如何设置就可以不随着滚动条滚动？
试了几种方法都不起作用。求各位指导，不胜感激。

  • 写回答

5条回答 默认 最新

  • QiShiBUKuaiLe1987 2018-03-14 18:35
    关注

    参考一下这篇文章的做法，原理都是一样的固定表头

    评论

报告相同问题？

  • html Table 表头固定的实现
    2020-09-22 12:10
    首先，我们需要为表头定义一个CSS类，比如这里的.table-head，然后为其设置固定的高度和背景颜色，确保它在视觉上与表格主体（.table-body）有所区分。重要的是，给这个表头添加一个合适的padding-right样式。这个...
  • bootstrap-table实现表头固定以及列固定的方法示例
    2020-10-17 08:22
    7. 如果需要固定表头，可以在data-toggle="table"属性的基础上，设置data-height属性定义表格的高度，便于在表头固定时能够让表格数据部分滚动。 8. 如果在初次加载页面时发现表头和表格数据不对齐的问题，可能需要...
  • JS实现table表格固定表头且表头随横向滚动而滚动
    2020-10-19 01:38
    JS实现table表格固定表头且表头随横向滚动而滚动的知识点如下： 1. **基本思路**： - 表头采用一个独立的table元素，并用一个div进行包裹。 - 头部外层div使用相对定位（position: relative），以使表头能够相...
  • element-ui 设置table表头固定
    2023-02-23 16:38
    世界太过浮夸的博客 设置包裹table组件的标签flex:1 将table高度设为100% 更改table默认滚动条 统一设置样式,在App.vue添加样式： .el-table__body-wrapper::-webkit-scrollbar { width: 10px; height: 10px; background-color:...
  • table表头及列固定
    2018-10-17 15:03
    为了实现表头固定，我们通常会在CSS中设置`position: fixed`属性。但是，当涉及到列固定时，问题就变得复杂了，因为浏览器不支持原生的列固定功能。这时，jQuery库可以派上用场，提供更灵活的解决方案。 使用jQuery...
  • uni-table设置固定表头
    2025-05-12 17:02
    行走的诗意的博客 在这种封闭的情况下，想要设置Y轴滚动，要么给uni-table的父界面加上overflw-y: auto，要么就给uni-table本身加上具体的高度，我们这里采用第二种，又因为这里父界面已经有高度了(365px)，所以我们给uni-table加上...
  • table 固定显示顶部
    2024-08-01 14:07
    曹振华的博客 css实现table 固定显示顶部
  • table 表头固定
    2019-09-27 13:58
    黄祚敏的博客 table 表头固定说明。我们将表头和表内容分成两个表格就可以解决该问题。 二。代码。 css代码：里面定死的宽高只是为啦方便看效果，实际中需要使用js计算出来。 * { box-sizing: border-box; } .table { ...
  • 移动端table固定表头与固定第一列
    2019-02-20 10:36
    总结起来，实现移动端table的固定表头与固定第一列，主要涉及HTML5的表格结构、CSS的定位和层叠上下文以及可能的JavaScript滚动事件处理。通过这些技术，我们能够在移动端提供更好的数据浏览体验。
  • 实现Table表头和列固定
    2018-08-01 17:31
    在实现表头固定时，通常将表头部分通过CSS样式设置为`position: fixed`，并设定适当的宽度和高度，使其在页面滚动时始终保持在屏幕顶部。 针对“多表头”，这通常涉及到嵌套的`<thead>`元素。例如，一级表头在最...
  • 没有解决我的问题, 去提问