如何修复第一行不要水平滚动

时间:2017-10-30 14:18:14

标签: html css css-tables

我在创建一个有30列但是第一行是标题行的表时遇到了麻烦,所以我不希望它水平滚动。 由于表格宽度太长,我把它放在div中并使其可滚动,这使得它一次只显示15列。

我可以滚动整个表但不想滚动第一行,因为它是标题行。

见截图:
设定位置后的表:第一个tr的绝对值 Table before scroll 滚动后的表没有位置:绝对 Table after scroll

1 个答案:

答案 0 :(得分:-1)

添加名为 headerRow id ,并添加以下CSS以隐藏任何内容,即使它太宽也不会显示。

#headerRow {
    overflow-x: hidden;
}

或者更确切地说,在这种情况下执行以下操作:

position: absolute;