如何在UiBinder中使用FlexTable？

Question

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

但很遗憾，我无法找到有关如何使用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>

Answer 1

只需在<table>中使用<g:HTMLPanel>，或者可能更好，在CSS中使用<div>（想象一下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>