数据表，添加可编辑列

Question

我需要在表中添加一个可编辑列。这是我当前创建表的方式。数据来自 Javascript 数组，并且正在变化（这就是为什么我在表定义中有“destroy: true”）。我希望 QTY 列的默认值为 1，但允许用户输入自己的数字 - 然后我需要能够在提交表单时检索该值。

var table2 = $('#example').DataTable( {
    select: false,
    data: addedRows,
    destroy: true, 
    columns: [
    { title: "ID" },
    { title: "Name" },
    { title: "Position" },
    { title: "Office" },
    { title: "Extn." },
    { title: "Start date" },
    { title: "Salary" },
    { title: "QTY" }
    ],
    "columnDefs": [{
        className: "ID",
        "targets":[0],
        "visible": false,
        "searchable":false
    }],
    "language": {
        "emptyTable":     "Select items from the table above"
    }
}); 

谁能帮我吗？既要创建可编辑的列，又要在提交时获取该数据？

谢谢

Answer 1

有 2 个选项：

1. 使用datatables插件https://editor.datatables.net/（它不是免费的）

2. 已经inputs在表中了

像这样：

<table id="example">
    <tbody>
        <tr>
            <td><input type="text" value="value1" name="name1"></td>
            <!-- more cells-->
        </tr>
        <tr>
            <td><input type="text" value="value2" name="name2"></td>
            <!-- more cells-->
        </tr>
    </tbody>
</table>

然后数据表将有inputs. 提交时您必须读取变量name1...name#