PHP + Jquery - Table sorter

Pessoal,

Gostaria de saber como fazer como que o tablesorter liste os dados vindos de um banco de dados no php.

Tenho a seguinte função para listar usuários.

<?php
 /*
 * Função para listar tarefas
 * @param
 * @return
 */
 function listarUsuarios ()
 {
 $sql = "select * from teste order by tipo";
 $res = mysql_query($sql);
 $ret = array();
 if(mysql_num_rows($res)>0) {
 for($i=0;$i<mysql_numrows($res);$i++) {
 $ret[] = mysql_fetch_array($res);
 }
 }
 return $ret;
 }
?>

E a minha tablesorter esta assim:

<table id="tablesorter-demo" class="tablesorter" border="0" cellpadding="1" cellspacing="1">

 <thead>
 <tr>
 <th class="header">Tipo</th>
 <th class="header">Valor</th>
 <th class="header headerSortUp">Situação</th>
 <th class="header">Operação</th>
 </tr>
 </thead>
 <tr class="even">
 <td>Adiantamento</td>
 <td>R$ 15.400,00</td>
 <td>Liberado</td>
 <td><img src="images/excluir.gif" width="20" height="20" /><img src="images/Editar.gif" width="20" height="20" /><img src="images/localizar.png" width="20" height="20" /></td>
 </tr><tr class="odd">
 <td>Primeira parcela</td>
 <td>R$ 11.580,00</td>
 <td>Liberado</td>
 <td><img src="images/excluir.gif" alt="" width="20" height="20" /><img src="images/Editar.gif" alt="" width="20" height="20" /><img src="images/localizar.png" alt="" width="20" height="20" /></td>
 </tr><tr class="even">
 <td>Segunda parcela</td>
 <td>R$ 11.580.00</td>
 <td>Não liberado</td>
 <td><img src="images/excluir.gif" alt="" width="20" height="20" /><img src="images/Editar.gif" alt="" width="20" height="20" /><img src="images/localizar.png" alt="" width="20" height="20" /></td>
 </tr>
 </table>

Como fazer para listar os dados após serem inseridos utilizando o PHP nesta table sorter?

Alguém poderia me ajudar?