DataTables, добавить редактируемый столбец

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#