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，添加可編輯列

回答

相關問題