gwt - 如何在 UiBinder 的 Grid 或 FlowPanel（或任何面板）中集中 SimplePager？

Question

我尝试了所有方法将 SimplePager 集中在 FlowPanel 中，然后在 Grid、HTMLPanel、DockLayoutPanel 和 & in 中<table>，但它们都不起作用，例如：

<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>

在 CSS 中

.alignCenter{ text-align:center;}

我确实尝试使用代码将 SimplePager 集中在 FlowPanel 中，然后它就可以工作了。前任：

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

那么，如何在 UiBinder 的 Grid 或 FlowPanel（或任何面板）中集中 SimplePager？

Answer 1

在自定义单元格中，你可以试试这个吗？

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

或者更简单地用 htmlpanel 替换流程面板：

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