Question

我们有一张不同高度布局的桌子。小桌子和大桌子。在小表的情况下，我只想显示5行。在大表的情况下，我想显示15行。我知道15和5行的高度。让我们说100px和300px。

现在的问题是，我似乎无法设置tbody的高度。有办法吗？

这些表可以包含多个不同高度的标题，因此我不能将表格设置为特定大小。

我正在做的是重新绘制ondomcontentloaded表以使表格可滚动。但是，在用户看到实际页面之后，如果表格很大，则会触发此事件。我想猜测用户对此的第一印象。

Answer 1

<table width="200" border="1">
  <tr>
    <td>Header1</td>
    <td>Header2</td>
    <td>header3</td>
    <td>Header4</td>
  </tr>
  <tr>
    <td colspan="4">
    <table style="width:100%">
  <tr class="constHt">
    <td>Item x</td>
    <td>Item x</td>
    <td>Item x</td>
     <td>Item x</td>
  </tr>
  <tr class="constHt">
    <td>Item x</td>
    <td>Item x</td>
    <td>Item x</td>
     <td>Item x</td>
  </tr>
  <tr class="constHt">
    <td>Item x</td>
    <td>Item x</td>
    <td>Item x</td>
     <td>Item x</td>
  </tr>

</table>

    </td>
  </tr>
</table>

在CSS中

.constHt{ height:40px;}

实施例： http://jsfiddle.net/NsrVy/

如何设置表格的高度？

1 个答案: