使表格内容可编辑，表格可拖动和调整大小

Question

我想制作一个可拖动、可调整大小且该表的内容可编辑的表格。但是，当我使表格可拖动时，内容可编辑属性不起作用。
即删除下面的代码使内容可编辑，但我丢失了可拖动属性

$('#awesomeDiv').draggable({
    containment: 'parent'
});

在谷歌浏览器中它有时有效，有时我的意思是如果我将表格拖到容器边缘，不要释放单击，将鼠标放在表格单元格上并单击，但在 Firefox 中它永远不会起作用

我创建了一个 jsfiddle http://jsfiddle.net/VNLGb/1/

任何人都可以帮我解决这个问题。

Answer 1

向表标题和列添加额外的事件

onclick="this.focus()"

把戏:)

Answer 2

尝试 http://quocity.com/colresizable/

通过使用它，您还可以调整表格及其单元格的大小