jquery - THでサイズ変更可能なjQueryUI

Question

ヘッダーのthをサイズ変更可能なテーブルにしようとしています。

ここでは、最初にdivを使用してサイズ変更を試み、次にテーブルを使用してサイズ変更を試みた例を見ることができます（これはうまく機能します）。次に、別のテーブルのthでサイズ変更を試みます。何も起こりません。

http://jsfiddle.net/UVsKp/

jquery UIを使用してサイズを変更できますか？

Answer 1

試してみてください：

html：

<table id="tblResize2">
    <thead>
        <tr>
            <th width="100px"><div>a</div></th>
            <th width="100px"><div>b</div></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
    </tbody>
</table>​

js：

$("#tblResize2 th div").resizable();

Answer 2

サイズ変更中/サイズ変更後のサイズを強制するために、小さな調整を行いました。

resize:function(event,ui){
      ui.helper.parent().css('width',ui.size.width+'px');
}