"O que ordenar as linhas de uma tabela HTML

Como ordenar as linhas de uma tabela HTML

Talvez ninguém reparou n'era em primeiro lugar - ou talvez não me n'ero eu só notei! - Mas já existe desde 2006 uma bela javascript que lhe permite ordenar as linhas de uma tabela de acordo com vários critérios.

Sendo um javascript script, como referi, este é um não-invasiva, que está a acontecer no lado do cliente, ou seja, você programadores, que acabou de implementar o código na página onde reside com a tabela de manusear e não criar uma estranha alquimia upstream.

Este script é uma versão revista de um script antes que fez a mesma coisa, mas foi mais lento nos dados.

Você pode escrever funções personalizadas para ordenar as linhas
você pode realçar as linhas / colunas com cores alternadas
o script determina automaticamente o tipo de dados em uma coluna (números, letras ...)
Pode-se definir funções antes e após a reorganização das linhas

Por exemplo básico, o tipo de chamada que irá classificar a tabela será parecido com isto:

  fdTableSort.jsWrapper (yourTableId, colNum);

Para fazer qualquer tipo coluna podem ser trabalhadas no TH className classificáveis. O script será determinar o tipo de dados coluna é criar uma cabeça da coluna Clique na seta com o fim.

Para transformar uma coluna em uma coluna regular "fim" é suficiente para atribuir tags TH classe = "classificáveis".

Os tipos de dados são reconhecidas ordenou:

texto puro (caso insensitive, que não leva em conta a diferença entre maiúsculas e minúsculas).
data (yyyy-mm-dd, yyyy-mm-dd, yyyy-mm-dd)
moedas (€, $, libras esterlinas, ienes)
e números decimais

link: discretos Quadro Classificar Script (revisitado), A demo

Mas, se por acaso ou usado jQuery preferir uma solução muito simples e fácil de implantar, também existe um plug para esse quadro.

JQuery plugin chamado TableSorter, e usá-la - como disse - é muito fácil ...

1. Introduza o convite para jQuery e TableSorter dentro <head>

  <script type="text/javascript" src="/path/to/jquery-latest.js"> </ script> 
  <script type="text/javascript" src="/path/to/jquery.tablesorter.js"> </ script>

2. Dê a devida identificação do quadro relativo à ordem

  <table Id="myTable">

3. Não se esqueça de ligar o

 <script> 
  $ (Documento). Prontas (função () ( 
  $ (# AMinhaTabela). TableSorter (); 
  )); 
  </ Script>

Objetos análogas

Links patrocinados:

Se você gostou semper artigo é um comentário bem-vindos! Se quiser receber as últimas notícias do meu blog você também pode se inscrever nos RSS feeds (não pagantes). Até mesmo por e-mail. OLÁ!

1 Responses to "Como ordenar as linhas de uma tabela HTML"

Mozilla Firefox 3.0.1 Windows XP
Doz escreveu:
4 Ago 2008, 17:58
Adicionar SortTable Stuart Langridge e Classificar Quadro de Mike Hall, que também servirá para ordenar as filas de mesas.