Javascript 表头未占据页面的全部宽度

您好，下面您可以看到我的表格，但是，它并没有占据整个页面的宽度，我相信这与我的工作有关

 <div style={{ overflow: 'auto', height: '250px' }}> 

---

但是，我需要将表格标题保留在页面内，并且不允许与表格正文一起向下滚动

此解决方案在chrome中非常有效。这在IE中不起作用

表格{
边界塌陷：塌陷；
宽度：100%；
}
运输署，
th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：8px；
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}
表THAD tr th{
背景色：白色；
位置：粘性；
z指数：100；
顶部：-1px；
}

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

如果您不需要支持IE，可以使用

位置：sticky

    table thead tr th {
      position: -webkit-sticky; 
      position: sticky;
      background-color: white;
      z-index: 100;
      top:-1px;
    }