TableLayoutのWidth 100%不具合

ども、作業ばりばりでブログ書く余裕すらないよぉ・・・小堤です。

さて、ExtのTableLayout。

サンプルにあるように、Widthが固定の場合は、何の問題もなく便利に利用できるのですが、Widthが100%のテーブルを作成使用とした場合には、いろいろ問題があります。

Extのフォーラムにも出ていますが、ID指定して、tableを100%ってCSSで指定すれば?ってあるんですが、これでは、うまくいきません。

なぜか。

Tableタグは確かに100%になるんですが、中のtdがいうこときいてくれないのです。

つまり、tdの中にPanelパネル用のDIVが生成され、それぞれのDIVはサイズちゃんとあうんですが、tdがExt制御でいうこときいてくれないため、例えば、100%に指定して、2列のテーブルを作ったとき、左のTDを200PXしたとしましょう。

HTMLの場合、ちゃんとのびるはずなのでExtでも伸びるはずですが、真ん中に隙間が(すきまというか・・・空白というか)できます。

これは、前述の理由により発生しています。

回避方法なんですが、2つ考えていて、1つはTableLayoutをオーバーライドする。
これは、いまちょっと時間がないのであとでやろうかなぁと思っています。

もう一つ、泥臭いですが、もとのHTMLにTableタグを記述してtdにID指定します。new Ext.PanelでrenderTo指定するときにtdに指定したidを指定する。

ここまでで、Extとやっていることはだいたい同じ。最後に、td自体に幅を指定する

これで、びたーーーーっときます。びたどまりします(ぇ。

とりあえず回避策として。メモ。あとでExtJapanに記事かけるようにしておかないと・・・。

TableLayoutのWidth 100%不具合

コメントを残す