我有一个＆lt;表＆gt;列标题可能代表对象的不同种类或状态（例如，假设它可能是动物或人）。行标题表示对象的一些特征。
在页面的另一个div中，我有一个实例列表（一些代表动物或人）。我使用拖放（使用JQuery）将它们放在我的表的单元格中。在＆lt; DIV＆GT;被放弃了＆lt; td＆gt;，直到我离开页面（提交表单），我仍然可以将它拖到另一个＆lt; td＆gt; （如果我犯了错误并将其放在错误的单元格中）。
现在，我想让我的被删除对象可以调整大小以填充与它相邻的行（例如，给他不止一个特征）。此外，在调整大小操作之后，对象必须在另一个单元格中保持可拖动，保持其新大小（代表特征）。
我找不到办法处理调整大小的动作来做我想做的事。
如何使用html，javascript和/或Jquery做到这一点？
修改： 我当前代码的一个示例：http://jsfiddle.net/B99KY/13/（对不起，如果js不是很干净的话）。我可以拖动元素，但我不知道如何处理调整大小动作来做我想要实现的目标。
var resizableHandler = {
handles: "s",
start: function(e, ui) {
console.log('resizing started');
},
resize: function(e, ui) {
},
stop: function(e, ui) {
console.log('resizing stopped');
}
}
例如，如果我将“实例1”放在单元格[charecteristic1，state1]中，之后，我调整“实例1”以填充charecteristic2和charecteristic3，我想要“实例1”完全填充新闻单元格（在提交此选项卡后稍后使用）。