JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css">
<table class="table table-striped table-hovertable-responsive table-bordered">
  <thead>
    <tr role="row">
      <th>Col1</th><th>Col2</th>
    </tr>
  </thead>
  <tbody>
    <tr role="row">
      <td>Data1</td>
      <td>Data2</td>
    </tr>
    <tr role="row">
      <td>Dataa</td>
      <td>Datab</td>
    </tr>
    <tr role="row">
      <td>Data1</td>
      <td>Data2</td>
    </tr>
    <tr role="row">
      <td>Dataa</td>
      <td>Datab</td>
    </tr>
    <tr role="row">
      <td>Data1</td>
      <td>Data2</td>
    </tr>
    <tr role="row">
      <td>Dataa</td>
      <td>Datab</td>
    </tr>
    <tr role="row">
      <td>Data1</td>
      <td>Data2</td>
    </tr>
    <tr role="row">
      <td>Dataa</td>
      <td>Datab</td>
    </tr>
    <tr role="row">
      <td>Data1</td>
      <td>Data2</td>
    </tr>
    <tr role="row">
      <td>Dataa</td>
      <td>Datab</td>
    </tr>
    <tr role="row">
      <td>Data1</td>
      <td>Data2</td>
    </tr>
    <tr role="row">
      <td>Dataa</td>
      <td>Datab</td>
    </tr>
    <tr role="row">
      <td>Data1</td>
      <td>Data2</td>
    </tr>
    <tr role="row">
      <td>Dataa</td>
      <td>Datab</td>
    </tr>
    <tr role="row">
      <td>Data1</td>
      <td>Data2</td>
    </tr>
    <tr role="row">
      <td>Dataa</td>
      <td>Datab</td>
    </tr>
    <tr role="row">
      <td>Data1</td>
      <td>Data2</td>
    </tr>
    <tr role="row">
      <td>Dataa</td>
      <td>Datab</td>
    </tr>
  </tbody>
</table>

<button id="cloner">
Clone
</button>
<div class="holder">

</div>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script...

CSS

.holder {
  background-color:#C0FFEE;
}

JavaScript

$(document).ready(function() {
	$('table').DataTable();
});

$('#cloner').click(function() {
	$('table').parents('.dataTables_wrapper').clone(true, true).appendTo('.holder');
  //$('.dataTables_wrapper').get(0).remove()
});