jQuery UI 在 TH 中可调整大小

Question

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

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