GWTでFlexTableを使ってみる

今度は、下記のサンプルを参照しながらFlexTableというクラスを使ってみる。
http://google-web-toolkit.googlecode.com/svn/javadoc/1.5/com/google/gwt/user/client/ui/FlexTable.html

普通にテキストをセットしたり、ボタンをセルにセットしたりできるようですね。

setColSpanの意味がわからなかったけど、実際に、下記のようにサンプルを

ちょっと変更して動かした感じでは、こちらはどうやらエクセルで言う

「セルの結合」を意味する関数のようですね。

   public void onModuleLoad() {
      // Tables have no explicit size -- they resize automatically on demand.
      FlexTable t = new FlexTable();
      t.setText(0, 0, "aa");
      t.setText(0, 1, "ii");
      t.setText(0, 2, "uu");
      t.setText(0, 3, "ee");
      t.setText(0, 4, "oo");
      t.setText(2, 0, "sa");
      t.setText(2, 1, "si");
      t.setText(2, 2, "su");
      t.setText(2, 3, "se");
      t.setText(2, 4, "so");

      t.setWidget(1, 1, new Button("Wide Button"));
　　　　　　　　　　//セルの(1,0)から３つの列を結合する
      t.getFlexCellFormatter().setColSpan(1, 0, 3);

      RootPanel.get().add(t);
    }

こちらを実行してみるとこんな感じになりました。