Twitter bootstrap 3 引导模式内的垂直滚动表体

Twitter bootstrap 3 引导模式内的垂直滚动表体,twitter-bootstrap-3,scroll,html-table,Twitter Bootstrap 3,Scroll,Html Table,我正在使用bootstrap3模式,并试图在模式中创建一个表。 我希望主体具有垂直滚动。我已经尝试将height和overflow-y:auto添加到tbody,但它不起作用 我可以让整个模式都可以滚动,但我只想让表体可以滚动 有人能帮我吗?我终于找到了答案 我从这里改编了代码: CSS解决方案: table { width: 100%; } thead, tbody, tr, td, th { display: block; } tr:aft

我正在使用bootstrap3模式,并试图在模式中创建一个表。 我希望主体具有垂直滚动。我已经尝试将height和overflow-y:auto添加到tbody,但它不起作用

我可以让整个模式都可以滚动,但我只想让表体可以滚动


有人能帮我吗?

我终于找到了答案

我从这里改编了代码:

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

对不起,删除了我的答案…没关系。我实际上是想修改你的答案。还是没有希望。不过还是谢谢你。