Good afternoon I need to change the order of the table column to decreasing or increasing by clicking on the images. up and down.
<table border="1" width="140px" class="sortable">
<tr>
<td width="40%">ID <img src="img/icones/cima.png" width="9" height="10" alt=""/><img src="img/icones/baixo.png" width="9" height="10" alt=""/></td>
<td width="60%">NOME <img src="img/icones/cima.png" width="9" height="10" alt=""/><img src="img/icones/baixo.png" width="9" height="10" alt=""/></td>
</tr>
<tr>
<td width="40%">4</td>
<td width="60%">João</td>
</tr>
<tr>
<td width="40%">2</td>
<td width="60%">Maria</td>
</tr>
<tr>
<td width="40%">1</td>
<td width="60%">Pedro</td>
</tr>
<tr>
<td width="40%">3</td>
<td width="60%">Antonia</td>
</tr>
</table>