0
我有rich:dataTable
和h:panelGrid
在裏面。 內部面板網格我有2個元素:文本和複選框。我需要的是將文本對齊左側,複選框右側。h:panelGrid中沒有CSS對齊元素
這裏是我的代碼:
<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="             (Не указан номер мобильного телефона)" 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中,相同風格的div panelGroups - 沒有影響。我如何解決我的問題? 謝謝。