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的最高高度相同：

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

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