Atualizar uma planilha com filtros do Bootstrap

Como são os filtros e classificação? Está usando DataTables? Posta o código para que o pessoal consiga entender e ajudar.

Estou utilizado a tabela igual a do primeiro exemplo do link --> https://colorlib.com/polygon/gentelella/tables_dynamic.html
a tabela HTML

<table id="datatable" class="table table-striped table-bordered">
<thead>
<tr>
<th id="col1">Name</th>
<th id="col2">Position</th>
<th id="col3">Office</th>
<th id="col4">Age</th>
<th id="col5">Start date</th>
<th id="col6">Salary</th>
</tr>
</thead>


<tbody id="tabelaUsuario">
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
<tr>
<td>Ashton Cox</td>
<td>Junior Technical Author</td>
<td>San Francisco</td>
<td>66</td>
<td>2009/01/12</td>
<td>$86,000</td>
</tr>

</tbody>
</table>

o Jquery para inserir a linha é:
function teste() {
var select = "";
novadiv.innerHTML = "";
tabelaUsuarios.appendChild(novadiv);
select = "<tr>" +
"<td>" + "COL 1" + "</td>" +
"<td>" + "COL 2 " + "</td>" +
"<td>" + "COL 3" + "</td>" +
"<td>" + "COL 4" + "</td>" +
"<td>" + "COL 5" + "</td>" +
"<td>" + "COL 6" + "</td>" +
"</tr>";

$("#tabelaUsuario").append(select);
// $("#tabelaUsuario").data.reload();
// $('#tabelaUsuario').DataTable().ajax.reload();
// $("#datatable").bootstrapTable('refresh');

}

Tentei atualiza-la com com esses comandos q estão comentados.

cara, FUNCIONOU!!!
Vlw mesmo, Brigadão!