Как исправить td height как высота стола?

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 's height же как table' с, как я могу это сделать? Я использую два td s как разные данные, первый td не совсем подходит к таблице. Как я могу это исправить?

Answer 1

Увеличение высоты основной td не будет работать вообще. Вам нужно будет увеличить высоту каждого td в вашем первом столе.

Try давая класс, где вы дали height:120%

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

Затем написать в CSS:

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