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

Question

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

我的目的是让所有 td 对调整大小使用react并受到表格宽度、高度的限制。 (与 JS Fiddle 上使用的调整大小句柄的作用差不多)

目前，td 不受 table 限制，虽然 handle 可以工作，但如果我在 table 的一侧使用 handle ，然后使用 handle 的后半部分， handle 的后半部分永远不会高于 table 我在前半部分停止的高度(或宽度)(垂直和水平发生)。

这是我的 fiddle :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);
    }
});