在向下滚动时固定表头，但在列悬停时进行调整

Question

我有一个表格，用椭圆（）文本溢出来缩短单元格中的值。

在向下滚动时，我会更改表格标题的样式，使其保持固定状态：

的CSS：

.superResponsiveTable thead  {
  position:fixed;
  top:61px;
  background: white;
  z-index: 2;
  width:auto;
}

但是当我这样做时，当该列的单元格悬停时，标题单元格不会扩展与列宽的其余部分匹配。

如何解决这个问题？

我知道如何使用javascript进行操作，但想知道是否可以使用CSS完成？

我正在使用angularjs