Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ordenar valores de uma tabela por uma coluna jQuery

01-11-2016 16:20

Nesse post vou mostrar um exemplo com o plugin Tablesorter para clicar no nome da coluna e ordenar os valores das linhas da coluna por ordem alfabética ou numérica.

Para baixar o plugin você vai nesse site http://tablesorter.com/docs/#Download

Após baixar o plugin descompacte os arquivos em um pasta e teste com esse exemplo

<script src="jquery.js"></script> <script src="jquery.tablesorter.js"></script> <script src="jquery.metadata.js"></script> <script> $(document).ready(function() { $("#myTable").tablesorter(); } ); </script> <table id="myTable" class="tablesorter"> <thead> <tr> <th>Last Name</th> <th>First Name</th> <th>Email</th> <th>Due</th> <th>Web Site</th> </tr> </thead> <tbody> <tr> <td>Smith</td> <td>John</td> <td>jsmith@gmail.com</td> <td>$50.00</td> <td>http://www.jsmith.com</td> </tr> <tr> <td>Bach</td> <td>Frank</td> <td>fbach@yahoo.com</td> <td>$50.00</td> <td>http://www.frank.com</td> </tr> <tr> <td>Doe</td> <td>Jason</td> <td>jdoe@hotmail.com</td> <td>$100.00</td> <td>http://www.jdoe.com</td> </tr> <tr> <td>Conway</td> <td>Tim</td> <td>tconway@earthlink.net</td> <td>$50.00</td> <td>http://www.timconway.com</td> </tr> </tbody> </table>

Você também verá vários exemplos desse plugin na pasta tests
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]