Tabelas

Tabelas .tabela

- Ordenação ascendente e descendente ao clicar nos cabeçalhos das colunas.
- Suporte a ordenação numérica e alfabética.
- Inicialização automática para todas as tabelas com a classe .swtable.
- Fácil integração com tabelas HTML padrão.

Ex.: "swtable tabela "

#	Primeira	Segunda	Terceira
1	Sandro	Araújo	@sandroweb
2	Alisson	Asaph	@asaph
3	SandroWeb Ltda		@sndroaraujo

Tabela Striped .tabela-striped

Use .tabela-striped para adicionar zebra-striping a qualquer linha da tabela dentro do <tbody>

Ex.: "swtable tabela tabela-striped"

#	Primeira	Segunda	Terceira
1	Sandro	Araújo	@sandroweb
2	Alisson	Asaph	@asaph
3	SandroWeb Ltda		@sndroaraujo

Cores Padrões

Adicione as Cores padrões para estilizar as tabelas.

Ex.: "swtable tabela tabela-striped tabela-notu"

#	Primeira	Segunda	Terceira
1	Sandro	Araújo	@sandroweb
2	Alisson	Asaph	@asaph
3	SandroWeb Ltda		@sndroaraujo

Ex.: "swtable tabela tabela-striped tabela-suce"

#	Primeira	Segunda	Terceira
1	Sandro	Araújo	@sandroweb
2	Alisson	Asaph	@asaph
3	SandroWeb Ltda		@sndroaraujo

Ex.: "swtable tabela tabela-striped tabela-aler"

#	Primeira	Segunda	Terceira
1	Sandro	Araújo	@sandroweb
2	Alisson	Asaph	@asaph
3	SandroWeb Ltda		@sndroaraujo

Ex.: "swtable tabela tabela-striped tabela-peri"

#	Primeira	Segunda	Terceira
1	Sandro	Araújo	@sandroweb
2	Alisson	Asaph	@asaph
3	SandroWeb Ltda		@sndroaraujo

Ex.: "swtable tabela tabela-striped tabela-secu"

#	Primeira	Segunda	Terceira
1	Sandro	Araújo	@sandroweb
2	Alisson	Asaph	@asaph
3	SandroWeb Ltda		@sndroaraujo

Ex.: "swtable tabela tabela-striped tabela-prin"

#	Primeira	Segunda	Terceira
1	Sandro	Araújo	@sandroweb
2	Alisson	Asaph	@asaph
3	SandroWeb Ltda		@sndroaraujo

Tabela Hover .tabela-hover

Adicione .table-hover para ativar um estado de foco nas linhas da tabela em um <tbody>.

Ex.: "swtable tabela tabela-striped tabela-hover"

#	Primeira	Segunda	Terceira
1	Sandro	Araújo	@sandroweb
2	Alisson	Asaph	@asaph
3	SandroWeb Ltda		@sndroaraujo

Tabela Pequena .tabela-p

Adicione .tabela-p para tornar qualquer .tabela mais compacto, cortando todo o preenchimento das células pela metade.

Ex.: "swtable tabela tabela-striped tabela-p"

#	Primeira	Segunda	Terceira
1	Sandro	Araújo	@sandroweb
2	Alisson	Asaph	@asaph
3	SandroWeb Ltda		@sndroaraujo

Tabela Responsiva .tabela-responsive

Ex.: "swtable tabela tabela-responsive tabela-hover tabela-p"

#	Primeira	Segunda	Terceira
1	Sandro	Araújo	@sandroweb
2	Alisson	Asaph	@asaph
3	SandroWeb Ltda		@sndroaraujo