Как добавить пустую строку того же шаблона, что и строка выше, используя jquery DataTable

Question

Я хочу клонировать строку с использованием таблицы данных с пустыми данными и приращением по серийному номеру. Это мой код.

<table id="tabledetail">
    <thead>
      <tr>
         <th>S.#</th>
         <th>Name</th>
         <th>Type</th>
         <th>Action <i class="btn btn-primary fa fa-plus rowAdd"></i></th>
       </tr>
    </thead>
    <tbody>
       <?php $sNo = 1; ?>
       <?php
        if(!empty($recordsDetail))
          {
            foreach($recordsDetail as $detail)
              {
        ?>
       <tr>
          <td><?php echo $sNo; ?></td>
          <td><input type="text" id="name" name="name[]" class="form-control"></td>
          <td>
              <select class="form-control" id="type" name="type[]">
                  <option value="0">No</option>
                  <option value="1">Yes</option>
              </select>
          </td>
          <td><i class="btn btn-primary fa fa-plus rowAdd"></i></td>
       </tr>
       <?php $sNo++ ?>
       <?php
              }
          }
        ?>
    </tbody>
</table>

<script>
    function addTableRow(jQtable) {
      var $row = jQtable.find("tr:last"),
      $clone = $row.clone().appendTo(jQtable);

      $clone.find('[id]').attr('id', function(i, id) {
        return 10 + +id;
      });
      $clone.find('label').remove();
      $clone.find('input').each(function() {

      })
    }

    $('.rowAdd').click(function() {
      //addTableRow($('#tabledetail'));

      var table = $('#tabledetail').DataTable({
        aaSorting: []
      });
      table.row.add([]).draw();
    });

    $(function() {
      $('table').on('click', 'tr a', function(e) {
      e.preventDefault();
      $(this).parents('tr').remove();
      });
    });
</script>

с использованием функции addTableRow работает, но мне нужно это с таблицей данных

это ссылочная ссылка Добавление строки динамически - добавление строки сверху

Answer 1

Попробуйте

1002 *