table sort js

Tabela-Sort-Js.

• Descrição: Biblioteca de classificação de tabela HTML com tipo de classificação Buildin e Extension do navegador disponível. #Vanillajs

• Demonstração

• Documentação. (Trabalho em andamento)

• pacote npm. e jsdelivr

• Extensões do navegador Firefox e Chrome: Tabelas de qualquer site que você visitar se torna classificável!

Instruções de instalação.

• Opção 1 : Carregue como script de uma rede de entrega de conteúdo (CDN):

 < script src = "https://cdn.jsdelivr.net/npm/table-sort-js/table-sort.min.js" > </ script >

Ou versão não minificada (tamanho maior, mas mais fácil de depurar!):

 < script src = "https://cdn.jsdelivr.net/npm/table-sort-js/table-sort.js" > </ script >

Exemplo de como usar a tabela-js com html

• Opção 2: Instale no NPM:

 npm install table - sort - js 

 import tableSort from "table-sort-js/table-sort.js" ;

Exemplos sobre o uso de tabela-js com estruturas de front-end, como react.js e vue.js

Para tornar as tabelas classificáveis:

• Adicione class="table-sort" às tags html <table>.
• Clique nos cabeçalhos da tabela para classificar as colunas.

Aulas:

<tabela> classes	Descrição
"Table-sorte"	Torne a tabela classificável! (Palavras, números, datas, tamanhos de arquivo) ...
"Table-arrows"	Exibir setas ascendentes ou descendentes. Suporta setas personalizadas; Por exemplo: "Table-arrows-⇈⇋⇊"
"Infusão de não classe"	Desliga a inferência por adicionar classes de classificação automaticamente, por exemplo (tamanho de arquivo, datas-dmy-sorte), etc.
"Lembre-se"	Se clicar em diferentes colunas lembra -se da coluna original.
"células-sujas"	classificar células (TD) em vez de linhas de tabela (TR); Útil para manter linhas de mesa com classes/atributos no local.

Aulas	Descrição
"Dados-Sort"	Classificar por atributos de dados, por exemplo, dados de dados-sorte = "42">. Útil para fazer tipos personalizados.
"Datas-Mdy-Sort"	Classifica as datas no estilo dos EUA MM/DD/AYYY FORMAT;. Por exemplo, (28/12/2023). Pode usar "/" ou "-" como separador. Overides inferiram a classe "datas-dmy-sorte".
"Onload-Sort"	Classifique a coluna sobre o carregamento da página. Simula um clique do usuário. (só pode classificar o ONLOAD para uma coluna)
"Desativar-Sort"	Não perdoe a classificação da tabela por esta coluna específica.

Classes inferidas.	Descrição
"Numérico-Sort"	Classifica os números, incluindo decimais - positivos, negativos (nas representações de menos e entre parênteses).
	Suporta moedas comuns, por exemplo (US $ £ € ¥) e sinais percentuais, por exemplo (0,39%)
"datas-dmy-sort"	Classifica as datas em formato dd/mm/yyyy. por exemplo (18/10/1995). Pode usar "/" ou "-" como separador.
"Datas-simd-sort"	As datas do formato ISO 8601 AAA/MM/DD. Por exemplo, (2021/10/28). Use "/" ou "-" como separador.
"Size-size de arquivo"	Tamanhos de arquivo de classificação (b-> tib) usa o prefixo binário. (por exemplo, 10 b, 100 kib, 1 mib); Espaço opcional entre o número e o prefixo.
"Runtime-Sort"	Classifica o tempo de execução em horas e segundos, por exemplo (10h 1m 20s). Útil para classificar as ações do GitHub Run Time Coluna ...

<h> classes que alteram os padrões.	Descrição
"Ordem-por-DESC"	Ordem descendo no primeiro clique. (o padrão é um descendente)
"Alpha-Sort"	Classificar em ordem alfabética (Z11, Z2); O padrão é o tipo natural (Z2, Z11).
"Punt-Sort"	Pontuação de classificação; O padrão ignora a pontuação.

Desenvolvimento:

Se você deseja contribuir, as instruções de instalação podem ser encontradas aqui.