jQuery UI 在 TH 中可调整大小

Question

我正在尝试制作一个可调整大小的标题的表格。

在这里你可以看到一个例子，我首先尝试使用 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');
}