javascript - 如何将 td 高度固定为桌面高度？

Question

代码:

<table width="80%" border="1">
  <tr>
    <td width="5%" style="height:120%;">
      <apex:variable value="{!1}" var="rowNum" />
      <apex:pageblockTable value="{!ob}" var="o" style="width:100%;height:100%;" align="center">
        <apex:column HeaderValue="S.NO" style="font-size:20px;font-style:Montepetrum;color:#808080">
          <apex:outputText value="{!FLOOR(rowNum)}" />
          <apex:variable var="rowNum" value="{!rowNum + 1}" />
        </apex:column>
      </apex:pageblockTable>
    </td>
    <td width="95%">
      <apex:pageblockTable value="{!ob}" var="o" style="width:100%;" align="center" id="myTable">
        <apex:column>
          <apex:inputField value="{!o.Order_numbering__c}" id="getindex" style="width:30px;display:none;" />
        </apex:column>
        <apex:column HeaderValue="Nicomatic P/N" value="{!o.Or_Nicomatic_p_n__c}" />
        <apex:column value="{!o.Or_clientpn__c}" HeaderValue="Client P/N" />
        <apex:column value="{!o.Quantity_Ordered__c}" HeaderValue="Qunatity" />
        <apex:column value="{!o.Requested_Date__c}" HeaderValue="Requested Date" />
        <apex:column value="{!o.Discount__c}" HeaderValue="Discount" />
        <apex:column value="{!o.Unit_price__c}" HeaderValue="Unit price" />
        <apex:column HeaderValue="Row Up">
          <apex:commandButton onClick="MoveUp.call(this);insert_numbers()" rerender="mytable" action="{!save}" value="Up">&#8679;</apex:commandbutton>
        </apex:column>
        <apex:column HeaderValue="Row Down">
          <apex:commandButton onClick="MoveDown.call(this);insert_numbers()" rerender="mytable" action="{!save}" value="Down">&#8681;</apex:commandbutton>
        </apex:column>
      </apex:pageblocktable>
    </td>
  </tr>
</table>

我想将 td 的 height 设置为与 table 的相同，我该怎么做？我使用两个 td 作为不同的数据，第一个 td 不完全适合表格。我该如何解决这个问题？

Answer 1

增加 main td 的高度根本不起作用。您需要增加第一个表格中每个 td 的高度。

尝试在给定 height:120%

的地方上课

<td width="5%" class="fixTdHeight">

然后用CSS写:

.fixTdHeight td {line-height:45px; /*change as per your needs*/}