2015-01-21 82 views
0

我有rich:dataTableh: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="&#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中,相同風格的div panelGroups - 沒有影響。我如何解決我的問題? 謝謝。

回答

0

該解決方案非常簡單。我添加到panelGrid屬性style =「width:100%; text-align:right」。並在panelGroups上留下文本對齊:左/右。