1

我正在使用 Twitter Bootstrap，但我遇到了一个非常烦人的问题。我有一个包含一行和两个单元格的表格（称为 F），在第一个单元格中我有另一个表格（称为 T），在第二个单元格中有一些内容（称为 C），请参阅http://jsfiddle.net/mcJvU/ .

<table>
    <tr><td>
<table class="table table-striped">
    <thead>
        <th>a</th>
        <th>b</th>
        <th>c</th>
        <th>d</th>
        <th>e</th>
        <th>f</th>
    </thead>
    <tbody>
        <tr><td>1</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr>
        <tr><td>2</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr>
        <tr><td>3</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr>
        <tr><td>4</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr>
        <tr><td>5</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr>
        <tr><td>6</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr>
        <tr><td>7</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr>
        <tr><td>8</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr>
        <tr><td>9</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr>
        <tr><td>10</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr>
    </tbody>
</table>
        </td>
        <td>
            some<br/>
            big<br/>
            enough<br/>
            content<br/>
            but<br/>
            may<br/>
            be<br/>
            empty
        </td>
    </tr>
</table>

重要的是：T 必须包含大量行，而 C 没有太多内容，它可能是空的。

我希望 T 占据所有可用的位置，或者，如果 C 更小，至少打印 3 行。

我尝试了fixedheadertable，但它是固定大小的高度，并且有一些错误。

编辑：通过“至少打印 3 行”，我的意思是 T 必须具有允许显示至少三行的最小高度”。

4

1 回答 1

1

最后，我将其固定在纯 CSS 中。

多亏了这个：Twitter Bootstrap 可滚动表行和固定标题

然后我没有更多的打印问题。

于 2013-05-17T17:03:39.783 回答