Css 表格标题中的隐藏内容，悬停显示

我有一个在标题列中包含大量信息的表，并且有很多列。我需要的表的宽度，以适应合理的笔记本电脑的宽度，如1280

我最初的想法是垂直对齐专栏内容，但出于几个原因，这不是一个选项

因此，现在的想法是只在标题中显示部分内容，类似于

溢出：隐藏
，并在悬停时显示全部内容，但不改变列的宽度

这个示例图片显示了专栏内容现在的样子，以及我需要它的样子。列需要收缩到50px，隐藏不合适的文本，并在悬停时显示其余文本，但不扩展列宽


到目前为止，我得到的是：


在这里，该列在悬停时展开。如何仅展开标题而不展开整个列？
悬停时绝对定位内部div，并且它不会更改表列的维度：


表格{
宽度：100%；
}
th，
运输署{
右边框：1px纯色灰色；
}
.狭窄{
位置：相对；/*用于定位内部div的上下文*/
宽度：50px；
}
.窄舱{
宽度：50px；
溢出：隐藏；
空白：nowrap；
指针事件：无；/*可选-当当前标题展开时，允许在其他标题上悬停*/
}
.窄带：悬停div{/*悬停在窄带上*/
位置：绝对位置；
顶部：5px；
左：-75px；
盒影：0.10px rgba（0,0,0,0.5）；
宽度：200px；
背景：白色；
z指数：1；
}

宽栏
第1列
一些信息
第1列
一些信息
第1列
一些信息
第1列
一些信息
第1列
一些信息
第1列
一些信息
1.
1.
1.
1.
1.
1.
“如何只展开标题而不展开整个列？”-您不需要，因为表不是这样工作的。您可以绝对定位该额外内容，以便将其从正常流中移除。（但可用性可能会很差。如果这是理解列数据含义所需的基本信息，那么它应该始终可见。）的可能重复