JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<table id="pieces"
data-toggle="table"
data-page-size="2"
data-page-list="[2,5,10,20,40,80,100]"
data-pagination="true"
data-id-field="id"
data-height="460"
data-click-to-select="true"
data-pagination-first-text="Primieiro"
data-pagination-pre-text="Anterior"
data-pagination-next-text="Próximo"
data-pagination-last-text="Último"
data-filter-control="true">
<thead>
<tr>
<th data-filed="select"> </th>
<th data-filed="id" data-sortable="true">#</th>
<th data-field="kind" data-sortable="true" data-filter-control="select">Tipo</th>
<th data-field="group" data-sortable="true" data-filter-control="select">Grupo</th>
<th data-field="gender" data-sortable="true" data-filter-control="select">Gênero</th>
<th data-field="size" data-sortable="true" data-filter-control="select">Tamanho</th>
<th data-field="color" data-sortable="true" data-filter-control="select">Cor</th>
<th data-field="used" data-sortable="true" data-filter-control="select">Usado</th>
</tr>
</thead>
<tbody>
<tr id="1">
<td id="select"><input type="checkbox" class="checkbox"></td>
<td>0001</td>
<td>Camisa</td>
<td>Atendimento</td>
<td>Masculino</td>
<td>M</td>
<td>Azul</td>
<td> </td>
</tr>
<tr id="2">
<td id="select"><input type="checkbox" class="checkbox"></td>
<td>0002</td>
<td>Calça</td>
<td>Atendimento</td>
<td>Masculino</td>
<td>M</td>
<td>Azul</td>
<td>...
JavaScript
$(document).ready(function(){
$('#pieces tbody tr td input.checkbox:not(:checked)').on('change', function (e) {
console.log('aasdasdsa');
if($(this).is(':checked')){
var row = $(this).closest('tr').clone();
console.log(row);
$('#piecesToEmployer tbody').append(row);
$('#piecesToEmployer tbody #select').remove();
} else {
var rmRow = $(this).closest('tr').attr('id');
console.log(rmRow);
$('#piecesToEmployer #'+rmRow).remove();
}
});
});