Biblioteca DataGrid

Biblioteca JavaScript para classificação, filtragem e paginação de qualquer conteúdo HTML

Grade de dados é uma solução simples e poderosa para habilitar classificação, filtragem e paginação em qualquer página.

$\\$
Características gerais

A biblioteca DataGrid funciona com qualquer estrutura HTML usando atributos de dados.
A biblioteca permite a classificação de texto e informações numéricas.
Possui controle de paginação configurável com um rico conjunto de configurações.
A biblioteca oferece suporte a filtros de texto com vários modos e opções.
A biblioteca tem diferentes filtros de caminho, como caixas de seleção, botões de opção e controles de seleção.
O widget é escrito em JavaScript ES6 puro, nenhuma dependência é necessária.
A biblioteca tem o suporte de deep links que geram uma URL única para cada combinação de estado dos controles.
A biblioteca suporta armazenamento local, armazenamento de sessão e cookies.

$\\$
Características gerais

Lista de produtos de calçados (Layout Bootstrap)
Listagem de Imóveis (Layout Bootstrap)
Demonstração de restaurantes (Layout Bootstrap)
Veículos (Fundação CSS Framework)
Lista de raças de cães (Materialize CSS Framework)
Lista de cursos (interface semântica)
Exemplo de link profundo
Exemplo de papéis de parede com armazenamento local
Tabela HTML com cabeçalhos classificáveis

$\\$
Documentação

Documentação on-line
Como classificar a tabela em JavaScript
Tabela HTML com cabeçalhos classificáveis
Como filtrar tabela HTML por várias colunas
Classificação Dupla (Ordenação de Múltiplas Colunas)

$\\$
Opções de armazenamento

É possível salvar a seleção do usuário no armazenamento do navegador ou cookies. Desta forma, o valor anterior selecionado pelo usuário será restaurado assim que ele retornar à página de outra página ou site, ou após a atualização da página.

Armazenamento local – a seleção do usuário será armazenada no navegador até que o usuário limpe os dados de navegação.
Armazenamento de sessão – a seleção do usuário será armazenada durante uma sessão do navegador (até que o usuário feche o navegador, abra uma nova janela ou guia do navegador ou até que o usuário limpe os dados de navegação).
Biscoitos – esta opção adicionalmente permite enviar a seleção do usuário para o servidor com cada solicitação.

$\\$
Mais recursos

O mesmo controle pode aparecer várias vezes na página.
Os controles podem ser colocados em qualquer lugar do documento, inclusive nos itens de conteúdo.
Qualquer conteúdo HTML é suportado, por exemplo, elementos DIV, tabelas, listas UL/OK, etc.
A biblioteca DataGrid pode ser usada com qualquer estrutura CSS ou com estilos personalizados.
Na maioria dos casos, o usuário define HTML e CSS dos controles (a biblioteca não cria sua estrutura, exceto o controle de paginação).
O usuário, em última análise, define toda a aparência da página; A biblioteca DataGrid tem estilos CSS mínimos.