垂直滚动 table body inside bootstrap modal

Question

我正在使用 bootstrap3 模态并尝试在模态中创建 table。 我希望 tbody 具有垂直滚动。我试过将高度和 overflow-y: auto 添加到 tbody，但它不起作用。

我能够让整个模态滚动，但我只希望 table 正文可滚动

谁能帮帮我？

Answer 1

我终于找到了答案。

我从这里改编了代码：http://jsfiddle.net/T9Bhm/7/

CSS解决方案：

    table {
        width: 100%;
    }

    thead, tbody, tr, td, th { display: block; }

    tr:after {
        content: ' ';
        display: block;
        visibility: hidden;
        clear: both;
    }

    thead th {
        height: 30px;

        /*text-align: left;*/
    }

    tbody {
        height: 120px;
        overflow-y: auto;
    }

    thead {
        /* fallback */
    }


    tbody td, thead th {
        width: 19.2%;
        float: left;
    }