<table> Classes
Use as classes abaixo para denominar qualquer tabela:
| Classe | Descrição | Exemplo |
|---|---|---|
| .table | Adiciona um estilo básico (estofamento leve e apenas divisores horizontais) a qualquer <table> | Tente |
| .table-striped | Adiciona-zebra striping a qualquer linha de tabela dentro de <tbody> (nao disponível no IE8) | Tente |
| .table-bordered | Adiciona bordo em todos os lados da mesa e células | Tente |
| .table-hover | Permite que um estado de foco em linhas de tabela dentro de um <tbody> | Tente |
| .table-condensed | Faz tabela mais compacta, reduzindo o preenchimento da célula pela metade | Tente |
| Combinando todas as classes de mesa | Tente | |
<tr>, <th> e <td> Classes
Use as classes abaixo para linhas da tabela de cores ou células:
| Classe | Descrição | Exemplo |
|---|---|---|
| .active | Aplica-se a cor de foco para uma linha ou célula em particular | Tente |
| .success | Indica uma ação bem-sucedida ou positivo | Tente |
| .info | Indica uma alteração informativa neutra ou ação | Tente |
| .warning | Indica um aviso de que pode precisar de atenção | Tente |
| .danger | Indica uma ação perigosa ou potencialmente negativo | Tente |
Tabelas Responsive
A classe .table-responsive cria uma tabela responsivo. A tabela será então rolar horizontalmente em dispositivos pequenos (menos de 768px). Ao visualizar em qualquer coisa maior do que 768px de largura, não há diferença: