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

我试图使用JQuery UI Resizeable，以便将调整大小句柄添加到表中的4个Td标记中

我的目的是让所有td对调整大小做出反应，并在表格宽度和高度上受到限制。（与JS Fiddle上使用的调整大小控制柄的作用差不多）

目前，td不受桌子的限制，尽管手柄可以工作，但如果我使用桌子一侧的手柄，然后使用手柄的后半部分，那么手柄的后半部分将永远不会超过我使用前半部分时停止的高度（或宽度）（这在垂直和水平方向上都会发生）

这是我的小提琴：

这是修理工：

问题是在调整大小时，其他单元格的高度没有更新，

高度与其

的最高高度相同：

使用此代码还可以调整所有同级的大小（当前

中的所有其他

）：

---

如何解决宽度的相同问题？我需要更新所有行的宽度，并对任何行中的列大小调整做出反应。

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

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