DataTables，添加可编辑列

我需要在我的表格中添加一个可编辑列。这是我目前如何创建表格。数据来自Javascript数组，并且正在改变（这就是为什么我在表定义中具有'destroy：true'）的原因。我希望QTY列的默认值为1，但允许用户输入自己的编号 - 然后我需要能够在提交表单时检索该值。DataTables，添加可编辑列

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" 
    } 
});

任何人都可以帮我吗？在创建一个可编辑的列，并提交数据提交后？

感谢

来源

2016-06-21 blackandorangecat

有2个选项：

使用datatables插件https://editor.datatables.net/（它不是免费的）
有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#

来源

2016-06-21 18:28:01

谢谢。我正在使用第二个建议的变体。我之前查看过数据表编辑器，并没有找到我喜欢的解决方案。 – blackandorangecat

DataTables，添加可编辑列

回答

相关问题