PHP + Jquery - Table sorter

[ricardo gomes araujo 0]

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?

[mangakah 217]

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

 

Não entendi a pergunta. Você tem um formulário de inserção e quer que ela (a inserção) seja feita diretamente na tabela ou vai para um banco de dados e depois a tabela é atualizada para listar também o novo registro?

[ricardo gomes araujo 0]

E tudo isto junto que você disse mesmo:

 

1)Formulário de inserção

2) Inserção seja feito diretamente na tabela

3) E depois mostrar a tabela com a listagem dos dados para um novo registro no banco

[Lost Dark 0]

acho que seria melhor você inserir primeiro no banco de dados fica mais fácil de manipular os dados quando você for usar o plugin em jquery

[ricardo gomes araujo 0]

Os dados já estão inseridos no banco eu quero e listar estes dados na tabela...

 

acho que seria melhor você inserir primeiro no banco de dados fica mais fácil de manipular os dados quando você for usar o plugin em jquery

[mangakah 217]

Ricardo, desculpe, continuo sem entender direito o que é que você quer fazer com essa tabela. Como assim tudo junto? Cadê o código do formulário? O formulário também é ajax? Pelo que entendi... você quer adicionar dinamicamente novas linhas (<tr>) nessa tabela, se for isso use o método after() do jQuery:

 

$('#tablesorter-demo tr:last').after('<tr class="even">
               <td>Terceira parcela 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>');

 

Veja a documentação do método: .after()

Você também pode usar .append().

 

Espero ter ajudado.