实现CSS滚动表标题冻结不起作用

Question

我正在尝试冻结表标题，并且需要仅滚动表主体。我引用了this链接。但这对于最少的列数很好。如果增加，则表数据文本彼此重叠。这是我项目中的主要错误。我尝试了很多。但是它变得毫无用处。如果您有任何解决方案，请在下面对其进行评论或提供帮助。

屏幕截图（例如）：

Answer 1

也许当整个表格变得大于屏幕宽度时，您必须为整个表格设置水平滚动，并为每个单元格设置wrap属性，以避免其内容下一次通过。试试这个：

.outer-div {
    position: relative;
    width: 1024px; //Or any default value for you.
    overflow: auto;
}

.inner-div {
    position: absolute;
    width: 100%; 
}

.cell-content {
    word-wrap: break-word;
}

请记住要使用您的班级名称进行更改。干杯！