引导模态内的垂直滚动表体

Question

我正在使用bootstrap3模式并尝试在模态中创建一个表。 我希望tbody有垂直滚动。我已经尝试添加高度和溢出-y：auto到tbody，但它不起作用。

我能够将整个模态滚动，但我只想让表体可滚动

有人可以帮助我吗？

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;
    }