I have an HTML table for call management
<table class="table">
<thead>
<tr>
<th>Protocolo</th>
<th>Problema</th>
<th>Situação</th>
<th>Usuario</th>
<th>Atendente</th>
</tr>
</thead>
<tbody>
<tr>
<td>#1</td>
<td>Internet</td>
<td>Encerrado</td>
<td>Alexandre</td>
<td>Carlos</td>
</tr>
<tr>
<td>#2</td>
<td>Monitor</td>
<td>Aberto</td>
<td>Renato</td>
<td>#</td>
</tr>
<tr>
<td>#3</td>
<td>Formatação</td>
<td>Em andamento</td>
<td>Alexandre</td>
<td>José</td>
</tr>
</tbody>
</table>
Here is the example, I have 3 buttons
<div class="btn-group">
<button type="button" id="Abertos" class="btn btn-success btn-xs">Abertos</button>
<button type="button" id="Andamento" class="btn btn-warning btn-xs">Andamento</button>
<button type="button" id="Encerrados" class="btn btn-danger btn-xs">Encerrados</button>
</div>
I would like to know how to do it so that when I click for example the "Open" button it brings me to the table, only the records where the "Situation" column is populated with the word "Open", and so on, like I would This?