Javascript 如何使一个带有滚动条的div中的表的表头固定?(水平和垂直滚动)

Javascript 如何使一个带有滚动条的div中的表的表头固定?(水平和垂直滚动),javascript,jquery,html,css,Javascript,Jquery,Html,Css,情况: 我有一个带滚动条的div:(溢出:自动;) 在这个房间里,我有一张带桌子头的桌子 当我在表体中滚动时,标题不可见(就像在网站窗口中滚动时) 我想要什么: 当用户在我的表格中滚动时,表格标题的位置应该是固定的 简单的位置固定()没有帮助,因为表格标题像50个单元格一样宽,所以您必须向右/向左滚动才能看到所有单元格 我绝对不知道从哪里开始,任何想法都将受到赞赏 找到答案 我在堆栈溢出上发现了许多类似的问题,但没有一个明确告诉我如何在div中应用固定头以水平滚动 ->来自Dhaval Shuk

情况:

  • 我有一个带滚动条的div:(
    溢出:自动;
  • 在这个房间里,我有一张带桌子头的桌子
  • 当我在表体中滚动时,标题不可见(就像在网站窗口中滚动时)
  • 我想要什么:

    当用户在我的表格中滚动时,表格标题的位置应该是固定的

    简单的位置固定(
    )没有帮助,因为表格标题像50个单元格一样宽,所以您必须向右/向左滚动才能看到所有单元格

    我绝对不知道从哪里开始,任何想法都将受到赞赏

    找到答案

    我在堆栈溢出上发现了许多类似的问题,但没有一个明确告诉我如何在div中应用固定头以水平滚动


    ->来自Dhaval Shukla的小提琴,但似乎没有检查水平滚动。

    试试这个:您可以将表格标题放入另一个固定的表格中。这是一个选项吗?Max:不,因为我在表上使用了一个表过滤器插件,在一些标题中,如果没有指定,它会生成自己的标题。@Max:实际上在七个月后回到了问题,并使用了您的解决方案。干杯!:)