h 안에 요소 정렬 : CSS가없는 panelGrid

Question

rich:dataTable에 h:panelGrid이 있습니다. 패널 격자 안에는 텍스트와 체크 상자라는 두 가지 요소가 있습니다. 내가 원하는 것은 왼쪽에 텍스트를 정렬하고 오른쪽에 확인란을 정렬하는 것입니다.

여기 내 코드입니다 :

<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에 - 효과 없음. 문제를 어떻게 해결할 수 있습니까? 감사합니다. .

Answer 1

해결책은 간단합니다. 나는 panelGrid 속성 style = "width : 100 %; text-align : right"에 추가했습니다. 왼쪽 텍스트 정렬 : panelGroup의 왼쪽/오른쪽.