Tenho uma tabela em HTML para gerenciamento de chamados
<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>
Aqui esta o exemplo, eu tenho 3 botoes
<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>
Queria saber como fazer para que quando eu clique por exemplo no botão "Aberto" ele me traga na tabela, somente os registros onde a coluna "Situação" estiver preenchida com a palavra "Aberto", e assim sucessivamente, como eu faria isso?