java - 丰富的 :listShuttle formatting

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>