Código Fonte - O melhor conteúdo para programadores

Este código tem nota

Autor

Rodrigo Araujo

membro deste abril de 2007

Compartilhe e guarde

Enquete

Você já está estudando HTML5 e CSS3?

Ainda não comecei a estudar
Já li um pouco sobre o assunto
Não tenho interesse agora
Estou estudando profundamente

Home Código Fonte JavaScript - DHTML Diversos

Ordenar colunas de uma tabela usando javascript

Veja um simples exemplo de como ordenar colunas de uma tabela usando javascript sem precisar programar.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Ordenar colunas de uma tabela </title>
<style>
/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}

</style>
<script src="sorttable.js"></script>
</head>

<body>
<table border="1" width="100%" class="sortable">
    <tr>
        <td width="11%">ID</td>
        <td width="89%">NOME</td>
    </tr>
	<tr>
        <td width="11%">4</td>
        <td width="89%">João</td>
    </tr>
    <tr>
        <td width="11%">2</td>
        <td width="89%">Maria</td>
    </tr>
    <tr>
        <td width="11%">1</td>
        <td width="89%">Pedro</td>
    </tr>
    <tr>
        <td width="11%">3</td>
        <td width="89%">Antonia</td>
    </tr>
</table>

</body>
</html>

Arquivo	Tipo	Tamanho	Hits
ordenartabela.htm	Arquivo HTM	873 bytes	858
sorttable.js	Arquivo JS	16,5 Kb	1068

Este código foi útil para você?

Nota	Comentário
10	denunciar gabriel comentou em 13/4/2009 Excelente Parabéns Rodrigo, excelente código. Além de funcionar perfeitamente tem a implementação bem simples. Extremamente útil para enriquecer a experiência do usuário.

Regras:
Os comentários seguem as seguintes regras:

Todos os comentários são enviados por membros cadastrados no site.
A pontuação de comentários de conteúdo do próprio membro não serão computados.
Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
Há um limite de 10 comentários por dia para cada membro.
Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

Autenticação:	Apelido: Senha: (ainda não tem cadastro? clique aqui!)

Título:	Máximo de 30 caracteres
Comentário:	Máximo de 255 caracteres
Avaliação:

Equipe | Tabela de Pontos e Estrelas | Política de Privacidade | Mapa do Site | Fale Conosco