Javascript 调整窗口大小时，粘性表格标题不更改宽度

向下滚动时，我有一个粘在顶部的表格标题

我正在使用这里提供的解决方案：css tricks.com/persistent headers/

但是，当我调整窗口的大小时，粘性表格标题不会调整大小并与下面表格列的宽度匹配。表格标题只是保持固定大小，我不确定如何最好地解决这个问题

函数UpdateTableHeaders（）{
$（“.persist area”）.each（函数（）{
var el=$（此），
偏移量=标高偏移量（），
scrollTop=$（窗口）.scrollTop（），
floatingHeader=$（“.floatingHeader”，this）
如果（（scrollTop>offset.top）&&（scrollTop
.floatingHeader{
位置：固定；
排名：0；
可见性：隐藏；
}
.floatingHeader th、.persist区域th、.persist区域td{
宽度：14.285%；
}

单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
莫特祖马商业中心
张锦松
墨西哥
恩斯特·汉德尔
罗兰·孟德尔
奥地利
岛屿贸易
海伦·贝内特
英国
笑巴克斯酒窖
田纳西
加拿大
马加兹尼营养不良
乔瓦尼·罗维利
意大利
马加兹尼营养不良
乔瓦尼·罗维利
意大利
马加兹尼营养不良
乔瓦尼·罗维利
意大利
马加兹尼营养不良
乔瓦尼·罗维利
意大利
马加兹尼营养不良
乔瓦尼·罗维利
意大利
马加兹尼营养不良
乔瓦尼·罗维利
意大利
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
莫特祖马商业中心
张锦松
墨西哥
尝试添加

text-align: left;

到您的
持久化标题
类。或者将其添加为内联样式


签出。
尝试添加

text-align: left;

到您的
持久化标题
类。或者将其添加为内联样式


检查。
在您的解决方案中，它正在调整大小以匹配表列的宽度。不，它不匹配。它需要一些窗口调整js功能，但我不确定what@Vera检查我的答案，这可能是您的解决方案。：）在您的解决方案中，它正在调整大小以匹配表列的宽度。不，它不匹配。它需要一些窗口调整js功能，但我不确定what@Vera检查我的答案，这可能是您的解决方案。：）hm不起作用-添加文本对齐：left to persistent header类实际上使粘性效果消失了你确定吗？我用一个fiddle链接更新了答案，也许你可以更详细地解释这个粘性标题的行为HM不起作用-添加文本对齐：左到持久标题类实际上使粘性效果消失了你确定吗？我已经用一个fiddle链接更新了答案，也许你可以更详细地解释这个粘性标题的行为