Clonar Determinadas colunas Tabela
Clonar Determinadas colunas Table
by Rapha Souza
HTML
<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<table class="table table-hover" id="myTable">
<thead class="active">
<tr>
<th>Coluna 1</th>
<th>Coluna 2</th>
<th>Coluna 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Col 1</td>
<td>Col 2</td>
<td>Col 3</td>
</tr>
<tr>
<td>Col 1 - value</td>
<td>Col 2 - value</td>
<td>Col 3 - value</td>
</tr>
</tbody>
</table>
<p>
outro
</p>
<table id="targetT" class="table table-hover" style="display: "></table>
JavaScript
var $target = $("#targetT");
$("#myTable tr").each(function() {
var $tds = $(this).children(),
$row = $("<tr></tr>");
$row.append($tds.eq(0).clone()).appendTo($target)
$row.append($tds.eq(1).clone()).appendTo($target)
});