Question

我有：

<table id="table" border="1">
    <tr><td></td><td></td></tr>
    <tr><td><div class="test">test</div></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td><div class="test">222</div></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
</table>

和

$( ".test" ).resizable({
    grid: [50, 50],
    containment: '#table'
});

在我的示例中没有工作选项包含。为什么？我想使用网格与表格，我想使用也包含。现在我可以调整.test到外面#table。这是错误吗？我想在表＃table中调整max to last TD。

JS FIDDLE：http://jsfiddle.net/27KBk/

Answer 1

不是让表格中的每个单独的单元格都将position属性设置为relative，而是应该更改CSS，使其成为具有该属性的表本身：< / p>

table {
    position: relative;
}

table td {
    width: 50px;
    height: 50px;
}

这是一个更新的小提琴：

http://jsfiddle.net/27KBk/1/

Jquery UI - 可以使用网格和表格调整大小

1 个答案: