在TH中可以調整大小的jQuery UI

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