Question

我正在使用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必须有一个最小高度，允许显示至少三行“。

Answer 1

最后我用纯CSS修复它。

感谢：Twitter Bootstrap scrollable table rows and fixed header

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

表自动滚动最小高度

1 个答案: