0

我在 html 中创建了一个可滚动的表格，但我不希望标题是可滚动的。

<div style="max-height:80px;width:10%;overflow-y: scroll">
<div style="display:table">
    <div id="table_header" style="display:table-row;background-color:gray"> 
        <div style="display:table-cell"> 
            Name
        </div>
        <div style="display:table-cell"> 
            Age
        </div>
    </div>
    <div style="display:table-row"> 
        <div style="display:table-cell"> 
            Zarazaz 
        </div>
        <div style="display:table-cell"> 
            13 
        </div>
    </div>
    <div style="display:table-row"> 
        <div style="display:table-cell"> 
            Kamuff 
        </div>
        <div style="display:table-cell"> 
            123 
        </div>
    </div>
    <div style="display:table-row">
        <div style="display:table-cell"> 
            Darandund 
        </div>
        <div style="display:table-cell"> 
            145
        </div>
    </div>
    <div style="display:table-row">
        <div style="display:table-cell"> 
            Bazabunzi 
        </div>
        <div style="display:table-cell"> 
            145
        </div>
    </div>
</div>
</div>

我试图将标题放在表格之外，但这样做的问题是列可能会根据内部文本的长度调整大小，然后标题最终会与下面的列不对齐（特别是如果我需要有更多的列）。你建议怎么做？

4

1 回答 1

0

为此，您可以更好地使用表格。我在互联网上搜索tbody scrolling了一些可以进一步帮助您的结果：

于 2012-12-19T17:16:21.070 回答