如何在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

在<g:HTMLPanel>，或可能是更好的只是使用<table>，使用<div> s的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>