O que é isso?
Esta é uma solução CSS pronta para celular para tabelas de dados responsivas. É também um mini-quadro CSS configurável.
Por que usar isso?
- CSS somente, nenhum JavaScript necessário
- Suporte de navegador amplo, incluindo IE8
- Abordagem Mobile-primeiro
- layout baseado em lista
- Tipos de layout predefinidos: até 12, até 15, até 30 colunas, capacidade de adicionar facilmente tipos de layout personalizados
- informações empilháveis
Somente a vista para a área de trabalho está disponível no IE8, o que é bom porque o IE8 é usado apenas em dispositivos de mesa
Observação: a estrutura HTML sugerida é construída com UL, LI e outros elementos, mas não com elemento de tabela.
O que pode ser personalizado?
- Número das colunas
- larguras da coluna
- pontos de interrupção
- Todas as cores e estilos de texto
- preenchimento de células
- Fronteiras (cor, espessura, presença/ausência)
- cantos (radius de fronteira)
Extra
Esta é uma solução CSS normal e pronta, mas para aqueles que são a favor dos pré-processadores CSS, menos arquivos de origem também são incluídos.
Changelog
v0.1 (1 de setembro de 2014)
liberação inicial
v0.1.1 (3 de setembro de 2014)
Correção de bug de layout para palavras muito curtas