15

是否可以将表格放入可滚动的 div 中？我试过了，但随后显示更大的表格，有更多的行和列，扭曲了其他 div，我的意思是在可滚动的 div 中显示来自较低的其他 div。

谢谢您最好的问候

4

2 回答 2

22

HTML

<div class="table-wrapper">
    <table>
        <tr>
            <td>A</td>
            <td>B</td>
            <td>C</td>
            <td>D</td>
        </tr>
        <tr>
            <td>A</td>
            <td>B</td>
            <td>C</td>
            <td>D</td>
        </tr>
        <tr>
            <td>A</td>
            <td>B</td>
            <td>C</td>
            <td>D</td>
        </tr>
        <tr>
            <td>A</td>
            <td>B</td>
            <td>C</td>
            <td>D</td>
        </tr>
    </table>      
</div>

CSS

.table-wrapper
{
    border: 1px solid red;
    width: 100px;
    height: 50px;
    overflow: auto;
}

table
{
    border: 1px solid black;
    margin-right: 20px;
}

td
{
    width: 20px;
    height: 20px;
    background-color: #ccc;
}

JSFiddle

http://jsfiddle.net/gvee/v54Sz/

于 2013-07-23T11:34:23.967 回答
2

用宽度和高度在你的 div 上设置样式，并将溢出设置为自动

于 2013-07-23T11:24:47.330 回答