JQuery UI可调整大小的固定大小表

Question

我正在尝试使用JQuery UI Resizable，以便为表中的4个Td标记添加调整大小句柄。

我的意图是让所有td对调整大小作出反应并限制在表格宽度，高度。 （几乎就是JS Fiddle使用的调整大小句柄所做的事情）

目前，td并不局限于表格，虽然手柄有效，但如果我在表格的一侧使用手柄，那么使用手柄的后半部分，手柄的后半部分将永远不会超过我在前半部分停留的高度（或宽度）（垂直和水平）。

这是我的小提琴：http://jsfiddle.net/fdLkqv2L/

$("td").resizable({ handles: 's, e' });

Answer 1

继承人：

http://jsfiddle.net/fdLkqv2L/1/

问题是调整大小时其他单元格高度未更新，<tr>高度与其<td> s的最高高度相同：

使用此代码，您还可以调整所有兄弟姐妹（当前<td>中的所有其他<tr>）的大小：

$("td").resizable({
    handles: 's, e',
    resize: function (event, ui) {
        $(this).siblings().height(ui.size.height);
    }
});