Javascript 如何拖放和调整动态创建的表的大小

大家好，我正在尝试拖放并调整动态创建的表的大小，该表是在JS中创建的

function addRow() {

    var firstname = document.getElementById("firstname");
    var table = document.getElementById("myTableData");

    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);

    row.insertCell(0).innerHTML = '<input type ="text" id="txtfirstname_' + count + '"></input>';
    row.insertCell(4).innerHTML = '<input type="button" value = "Delete" onClick="Javacsript:deleteRow(this)">' + '<input type="button" id="edit_' + count + '" value = "Edit" onClick="Javacsript:editRow(this)">';
    $('#txtfirstname_' + count).val(firstname.value);
    $('#txtfirstname_' + count).attr("disabled", "disabled");
    count++;
    document.getElementById("firstname").value = "";
}

---

在这里，我试图用用户在同一页面中提供的上述一些细节创建一个表，我希望我的表可以拖放到任何地方，还希望调整我的表的大小，表中的所有值都在文本框中，并且有两个动态创建的按钮，如果您使用AJAX控件工具包，您可以在桌子周围放置一个面板，并将DragPanel和ResizebleControl Extender添加到面板中