可在 TH 中调整大小的 jQuery UI

Question

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

在这里，您可以看到一个示例，我首先尝试使用 div 调整大小，然后使用表格（效果很好）。然后我尝试用另一个表的 th 调整大小。什么都没有发生。

http://jsfiddle.net/UVsKp/

可以使用 jquery UI 调整 th 的大小吗？

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