Question

我正在尝试自定义我的引导程序表。如果表高度大于某个高度，我希望<tbody>滚动而不滚动表格的其余部分。我已经尝试了几乎所有我能想到的东西，但桌子甚至不会改变尺寸。

有谁知道我需要修改哪些类来解决这个问题？这是我在表格中使用的元素：

<div class="table-responsive">
<table class="table table-condensed">
    <colgroup>
        <col class="col-xs-1"/>
        <col class="col-xs-1"/>
    </colgroup>
    <thead>
        <tr>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>
</div>

here's a jsFiddle。

Answer 1

我在Bootstrap 2.3.2中遇到了类似的问题。我不得不修改我的桌面，但是我找到了一个完整的css解决方案的网站： http://www.cssbakery.com/2010/12/css-scrolling-tables-with-fixed.html

我基本上在这个站点上使用了scrollableArea和scrollableContainer css部分，更改了几个类名以匹配我已经拥有的，并使用它而不是bootstrap。也许这可以帮助，也许不是，但绝对是一个很好的选择。

Bootstrap表tbody滚动

1 个答案: