Jquery 修复了可调整大小的HTML表格的标题，包括自动水平滚动溢出

我已经使用以下示例构建了一个html表作为指导，但是我还没有弄清楚如何固定头部，以便在用户滚动时保持可见：

我尝试过使用CSS来控制

.resizable{overflow-y: auto; position: sticky; height: 750px;}

我也尝试过在头部添加自定义样式，但这打破了调整大小的障碍：

table thead tr{
    display:block;
}

table th,table td{
    width:100px;//fixed width
}


table  tbody{
  display:block;
  height:200px;
  overflow:auto;//set tbody to auto
}

非常感谢您的帮助。

试试这个

thead th{     
  position: sticky !important; 
  top: 0; 
  background-color: white;
}

然后从

表

标记中删除

可调整大小的

类，并将其放入

thead

和

t车身

标签

<table id="tableId" >
   <thead class="resizable">
    ...
   <tbody class="resizable">

大小
文件
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt
10Mb
C:\Usabc.txt

使用jquery是一个选项吗？看这里，太好了。现在对我有用。非常感谢你的帮助！