jQuery UI Resizable in 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>​ 

ЯШИ:

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

Answer 2

Я сделал небольшую настройку, чтобы заставить размер сами в течение/после изменения размера:

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