UiBinder에서 그리드 또는 FlowPanel (또는 모든 패널) 내에서 SimplePager를 중앙화하는 방법은 무엇입니까?

Question

나는 <table>에 HTMLPanel, DockLayoutPanel, &에, 그리드에 나서, FlowPanel에 SimplePager을 중앙 집중화하기 위해 모든 방법을 시도했지만 그들 중 누구도 전, 작동하지 않습니다 :

<g:FlowPanel> 
<g:Grid addStyleNames="style.alignCenter"> 
    <g:row > 
    <g:customCell > 
     <c:SimplePager ui:field="mySimplePager" location="CENTER" />  
    </g:customCell> 

    </g:row> 

</g:Grid> 
</g:FlowPanel> 

.alignCenter{ text-align:center;} 

을 CSS는

에서

코드를 사용하여 FlowPanel에서 SimplePager를 중앙 처리하려고했으나 작동합니다. 예 :

FlowPanel myFP=new FlowPanel(); 
myFP.getElement().getStyle().setTextAlignment(TextAlign.CENTER); 
myFP.add(mySimplePager); 

그렇다면 UiBinder의 그리드 또는 FlowPanel (또는 모든 패널)에서 SimplePager를 중앙화하는 방법은 무엇입니까?

Answer 1

맞춤형 셀에서 사용해 볼 수 있습니까?

  <table style="width:100%"> 
       <tr> 
        <td align='center'> 
         <c:SimplePager ui:field='mySimplePager' /> 
        </td> 
       </tr> 
      </table> 

또는 htmlpanel와 flowpanel를 교체 간단 :

 <g:HTMLPanel> 
      <table style="width:100%"> 
       <tr> 
        <td align='center'> 
         <c:SimplePager ui:field='mySimplePager' /> 
        </td> 
       </tr> 
      </table> 
     </g:HTMLPanel>