jQuery UI изменяемого размера в TH

Question

Я пытаюсь сделать таблицу с изменяемым размером заголовка.

Здесь вы можете увидеть пример, где я сначала пытаюсь де изменить размер с помощью div, а затем с таблицей (это прекрасно работает),Затем я пытаюсь изменить размер с другой таблицы.Ничего не происходит.

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');
}