Biblioteca visual

Tabelas

Exemplos de tabelas Bootstrap para diferentes tipos de conteúdo.

Documentação

Padrão

Tabela básica com separadores horizontais.

#CLIENTEEMPRESASTATUS
01Mariana OliveiraStudio FormaAtivo
02Rafael SantosVertex DigitalAtivo
03Camila FerreiraLumina DesignPendente
table

Listrada

Linhas alternadas com table-striped.

#CLIENTEEMPRESASTATUS
01Mariana OliveiraStudio FormaAtivo
02Rafael SantosVertex DigitalAtivo
03Camila FerreiraLumina DesignPendente
table table-striped

Com bordas

Bordas em todas as células com table-bordered.

#CLIENTEEMPRESASTATUS
01Mariana OliveiraStudio FormaAtivo
02Rafael SantosVertex DigitalAtivo
03Camila FerreiraLumina DesignPendente
table table-bordered

Sem bordas

Visual limpo com table-borderless.

#CLIENTEEMPRESASTATUS
01Mariana OliveiraStudio FormaAtivo
02Rafael SantosVertex DigitalAtivo
03Camila FerreiraLumina DesignPendente
table table-borderless

Hover

Destaque a linha ao passar o mouse com table-hover.

#CLIENTEEMPRESASTATUS
01Mariana OliveiraStudio FormaAtivo
02Rafael SantosVertex DigitalAtivo
03Camila FerreiraLumina DesignPendente
table table-hover

Compacta

Reduza o espaçamento das células com table-sm.

#CLIENTEEMPRESASTATUS
01Mariana OliveiraStudio FormaAtivo
02Rafael SantosVertex DigitalAtivo
03Camila FerreiraLumina DesignPendente
table table-sm

Alinhamento central

Conteúdo alinhado verticalmente ao centro com align-middle.

#CLIENTEEMPRESASTATUS
01Mariana OliveiraStudio FormaAtivo
02Rafael SantosVertex DigitalAtivo
03Camila FerreiraLumina DesignPendente
table align-middle

Responsiva

Seis colunas com rolagem horizontal quando necessário.

#CLIENTEEMPRESAPLANOCADASTRADO EMSTATUS
01Mariana OliveiraStudio FormaPro24 out, 2026Ativo
02Rafael SantosVertex DigitalBusiness23 out, 2026Ativo
03Camila FerreiraLumina DesignStarter22 out, 2026Pendente
table table-striped table-hover