rich：listShuttle格式

Question

每当源列表中的项目数超过17时，列表格式化都会出错，它会在列表顶部生成一个空白区域。滚动条始终存在，当我将项目从源列表移出到目标列表，使源列表中的计数为17或更少时，格式化正常。是否有解决格式的工作。以下是图像：未格式化（超过17项）和格式化（少于18项）。

<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>