JSFiddle - React, Tailwind, and code Playground

by sjurmr

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/css/jquery.dataTables.css">
<input type="button" onclick="addRow();" value="Copy row"/>
<table class="dt">
    <thead>
    <tr>
        <th>a</th>
        <th>b</th>
    </tr>
    </thead>
    <tbody>
    <tr id="row1">
        <td>1</td>
        <td>2</td>
    </tr>
    </tbody>
</table>

JavaScript

var table = $('.dt').DataTable();
table.columns(1).visible(false);

function addRow() {
	var domRow = $('#row1');
  var row = table.row(domRow).nodes().toJQuery().clone();

	// manipulate row

  table.row.add(row).draw(false);

}