javascript - 如何拖放动态创建的表格并调整其大小

Question

大家好，我正在尝试拖放并调整动态创建的表格的大小，表格是在 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 = "";
}

https://jsfiddle.net/1ytrgvan/

在这里，我尝试创建一个表格，其中包含用户在同一页面中提供的上述一些详细信息，我希望我的表格可以拖放到任何地方，并且还想调整我的表格大小，表格中的所有值都是在文本框中，有几个动态创建的按钮

Answer 1

如果您使用 AJAX 控件工具包，则可以在表格周围放置一个面板，并向该面板添加 DragPanel 和 ResizableControl 扩展程序。