在 h:panelGrid 中对齐元素，无需 CSS

Question

我有一个rich:dataTable里面有h:panelGrid。在面板网格内，我有 2 个元素：文本和复选框。我需要的是将文本对齐到左侧，复选框对齐到右侧。

这是我的代码：

<rich:dataTable styleClass="richTableStyle" var="gi" 
        value="#{processNotifySelector.getAllApplicants()}" width="100%" id="SMSTable">
        <rich:column style="text-align:center">
            <f:facet name="header">
                <h:panelGrid columns="3">
                    <h:outputText value="Уведомлять заявителя по SMS" />
                    <a4j:commandButton value="Выбрать все"
                        disabled = "#{processNotifySelector.multipleApplicants}"
                        action="#{processNotifySelector.setBatchEnabled(true)}"
                        render="SMSTable" />
                    <a4j:commandButton value="Ab все"
                        disabled = "#{processNotifySelector.multipleApplicants}"
                        action="#{processNotifySelector.setBatchEnabled(false)}"
                        render="SMSTable" />
                </h:panelGrid>
            </f:facet>

            <h:panelGrid columns="2">
                <s:div>
                    <h:panelGrid columns="1" style="text-align:left">
                        <s:div>
                            <h:outputText value="#{gi.getObject().toString(activeWorkItemController.activityCreateDate)}" />
                        </s:div>
                        <s:div>
                            <h:outputText value="&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;(Не указан номер мобильного телефона)" rendered = "#{empty gi.person.cellPhone and empty gi.agent.phone}" style ="font-size: 10px"/>
                        </s:div>
                    </h:panelGrid>
                </s:div>
                <s:div>
                    <h:panelGrid columns = "1" style="text-align:right">
                    <h:selectBooleanCheckbox  value="#{gi.shouldNotified}" rendered = "#{not empty gi.person.cellPhone or not empty gi.agent.phone}">
                        <a4j:ajax event="change"></a4j:ajax>
                    </h:selectBooleanCheckbox>      
                    </h:panelGrid>              
                </s:div>
            </h:panelGrid>  
        </rich:column>  
</rich:dataTable>

我尝试为 panelGrid 内的 panelGroups 添加样式 = "文本对齐：右/左"，与div 的样式相同 - 没有效果。如何解决我的问题？谢谢。

Answer 1

解决方案非常简单。我添加到面板网格属性样式="宽度：100%;文本对齐：右"。和左文本对齐：面板组上的左/右。