jquery ui dialog with large table dataset

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">
<div id="container">
    resizable
    <div id="content" contenteditable="true">
        also resizeable
    </div>
</div>

CSS

#container{ background-position: top left; background: red}
    #container{ width: 350px; height: 320px; padding: 0px; }
    #content{ width: 350px; height: 290px; padding: 0px;background: green }
    #content{ margin-top: 1em; }

JavaScript

$(document).ready(function() {
    $("#container, #content").resizable({
        alsoResize: "#content, #container"
    });
    $('#container').draggable();
});