rich：listShuttle formatting

Question

每當我的源列表中的項目數量超過17個時，列表格式會出錯，它會在列表頂部產生一個空白空間。滾動條總是存在，當我從源列表中移出一個項目到目標列表時，源列表中的計數爲17或更少，格式化就可以了。是否有解決格式化的工作？以下是圖像：（小於18項）未格式化（超過17項），並格式化

<div class="add-company-input-section"> 

     <h:panelGrid id="ModalPanel" columns="2" columnClasses="rc,lc"> 


      <label style="font-weight:bold;margin-top:5px">Name: </label> 
      <h:inputText id="companyName" value="#{companyAdminAction.companyName}"/> 

      <label style="font-weight:bold;margin-top:5px">Website: </label> 
      <h:inputText id="websiteName" value="#{companyAdminAction.website}"/> 

      <br/> 

     </h:panelGrid> 

        <h3 style="color:#C88039; padding-bottom:5px;">Jurisdictions: </h3> 
      <rich:listShuttle id="companyJurisdictionShutle" 
           sourceValue="#{companyAdminAction.statesList}" 
           targetValue="#{companyAdminAction.selectedStates}" 
           var="item" orderControlsVisible="false" fastOrderControlsVisible="false" 
           sourceCaptionLabel="Available" 
           targetCaptionLabel="Selected"> 
       <rich:column> 
        #{item} 
       </rich:column> 
      </rich:listShuttle> 


    </div> 

Answer 1

這是由於CSS的依賴，增加的樣式類我listshuttle修復。

<style type="text/css"> 
    .lishShuttle td{vertical-align:top;} 
    </style> 

     <rich:listShuttle id="companyJurisdictionShutle" 
            sourceValue="#{companyAdminAction.jurisdictionList}" 
            targetValue="#{companyAdminAction.targetJurisdictionList}" 
            converter="#{dmpJurisdictionConverter}" 
            rowKeyConverter="dmpJurisdictionConverter" 
            rowClasses="" 
            var="item" orderControlsVisible="false" fastOrderControlsVisible="false" 
            sourceCaptionLabel="Available" 
            targetCaptionLabel="Selected" styleClass="lishShuttle"> 
        <rich:column> 
         #{item} 
        </rich:column> 
       </rich:listShuttle>