2.5 KiB
title | localeTitle |
---|---|
Tables | Tabelas |
## Tabelas
Mesa Básica
Para obter o exemplo de estilo básico, inclua a classe base .table
em qualquer elemento <table>
.
Exemplo
<table class="table">
...
</table>
Mesa Listrada
Para obter o efeito de linha listrada (zebra-striping) em tabelas, use .table-striped
em adição a .table
em qualquer elemento <table>
. As tabelas distribuídas são estilizadas por meio do seletor CSS :nth-child
, que não está disponível no Internet Explorer 8.
<table class="table table-striped">
...
</table>
Mesa delimitada
Para alcançar a tabela de bordas use .table-bordered
além de .table
em qualquer elemento <table>
.
<table class="table table-bordered">
...
</table>
Mesa Hover
Para obter o efeito de hover row nas tabelas, use .table-bordered
além de .table
em qualquer elemento <table>
.
<table class="table table-hover">
...
</table>
Mesa condensada
Para obter a tabela condensada use .table-condensed
além de .table
em qualquer elemento <table>
.
<table class="table table-condensed">
...
</table>
Tabela Responsiva
Para obter a tabela responsiva, .table
qualquer tabela .table
em um elemento .table-responsive
tabela.
...
Os desenvolvedores podem alterar o estilo de cada linha e / ou célula individualmente usando classes contextuais .
-
.active
- Aplica a cor hover a uma linha ou célula específica -
.success
- Indica uma ação bem-sucedida ou positiva -
.info
- Indica uma mudança ou ação informativa neutra -
.warning
- Indica um aviso que pode precisar de atenção -
.danger
- Indica uma ação perigosa ou potencialmente negativa… … … … …
… … … … …