不会在浏览器窗口中平滑拖动巨大元素

Question

我有一个巨大的表格元素，它在屏幕上垂直和水平运行。我想允许用户拖动表格来查看所有表格，而不必弄乱滚动条。我尝试了许多插件都无济于事。它们要么只向一个方向拖动，要么非常不平稳地拖动。 jQuery UI的可拖动小部件似乎也不在我的表上工作，但应该可以。有人可以告诉我我在做什么错吗？

jsfiddle

html：

<div id="wrapper" style="width:100%; height: 3649px;">
    <table id="Table_01" width="2187" height="3649" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse; border: 5px solid purple;">

        <tr>
            <td valign="top">
            I am a huge table
            </td>   
        </tr>

    </table>
</div>

jquery：

$( "#Table_01" ).draggable({ containment: "window"});