如何将 FlexTable 与 UiBinder 结合使用?

How to use FlexTable with UiBinder?

我想创建这个简单的静态布局:

但不幸的是,我找不到关于如何使用 FlexTable(或其他内容)执行此操作的说明。这不能用简单的 Vertical*HorizontalPanel 来完成,因为那样的话标签和文本框的对齐方式是不正确的。

有没有办法在 UiBinder 中做这样的事情:

<x:TableView>
  <x:TableRow>
    <x:TableCell><g:Label ../></xTableCell>
    <x:TableCell><g:TextBox ../></xTableCell>
  </x:TableRow>
  <x:TableRow>
    <x:TableCell><g:Label ../></xTableCell>
    <x:TableCell><g:TextBox ../></xTableCell>
  </x:TableRow>
  <x:TableRow>
    <x:TableCell><g:Label ../></xTableCell>
    <x:TableCell><g:CheckBox../><g:CheckBox../> .. </xTableCell>
  </x:TableRow>
</x:TableView>

只需在 <g:HTMLPanel> 中使用 <table>,或者可能更好,将 <div> 与 CSS 一起使用(想到 flexbox)。

<table>
  <tr>
    <td><label>…</label></td>
    <td><g:TextBox/></td>
  </tr>
  <tr>
    <td><label>…</label></td>
    <td><g:TextArea/></td>
  </tr>
  <tr>
    <td><label>…</label></td>
    <td><g:CheckBox/><g:CheckBox/>…</td>
  </tr>
</table>