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이 테이블에 정확하게 들어 맞지 않습니다. 이 문제를 어떻게 해결할 수 있습니까?td주요 전혀 작동하지 않습니다의

Answer 1

증가 높이입니다. 첫 번째 테이블에서 각각의 높이를 늘려야합니다. td.

시도는 height:120%

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

그런 다음 CSS에 쓰기 준주는 클래스 :

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