jquery - テーブルのコンテンツを編集可能にし、テーブルをドラッグおよびサイズ変更可能にする

Question

ドラッグ可能でサイズ変更可能で、そのテーブルの内容が編集可能なテーブルを作成したいと考えています。ただし、テーブルをドラッグ可能にすると、contenteditable プロパティが機能しません。
つまり、以下のコードを削除するとコンテンツが編集可能になりますが、ドラッグ可能なプロパティが失われます

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

Google Chromeでは時々動作しますが、テーブルをコンテナの端にドラッグすると、クリックを離さず、テーブルのセルにマウスを持ってきてクリックすることもありますが、Firefoxでは動作しません

私はjsfiddle http://jsfiddle.net/VNLGb/1/を作成しました

これで私を助けてください。

Answer 1

テーブルのヘッダーと列にイベントを追加する

onclick="this.focus()"

トリックをしました:)

Answer 2

http://quocity.com/colresizable/を試してください

これを使用すると、テーブルとそのセルのサイズも変更できます