LOCAWEB STYLE

Documentação Locaweb Style

Tabelas

Exibindo dados tabulares.

Perceba que para deixar os títulos de colunas com marcação de ordenação, basta utilizar as classes dataDescending ou dataAscending.

Tabela no padrão do bootstrap utilizamos a classe .table. Esse tipo de tabela não possue bordas laterais.

Classes que manipulam o estilo da tabela padrão.

Para alterar o estilo da tabela padrão com a classe .table, basta adicionar as classes abaixo:

table-bordered: adiciona borda

table-striped: adiciona background nas linhas ímpares

table-hover: adiciona background ao passar o mouse

Nome do cliente # do pedido Data - Hora Status Valor Ações
Helena da Silva 74994 14/03/12 - 11h25 Autorizada R$ 297,00 Ver Detalhes Estornar
Helena da Silva 74994 14/03/12 - 11h25 Autorizada R$ 297,00 Ver Detalhes Estornar
Helena da Silva 74994 14/03/12 - 11h25 Autorizada R$ 297,00 Ver Detalhes Estornar

Tabela com a classe tableList

Usamos tabelas para listar informações tabulares o tempo inteiro. Os padrões do Bootstrap ainda continuam, logo, se quiser utilizar o estilo de tabelas que o Bootstrap oferece, fique à vontade. Se quiser a nossa versão, basta inserir a classe tableList na tabela pra ter o visual abaixo:

Nome do cliente # do pedido Data - Hora Status Valor Ações
Helena da Silva 74994 14/03/12 - 11h25 Autorizada R$ 297,00 Ver Detalhes Estornar
Helena da Silva 74994 14/03/12 - 11h25 Autorizada R$ 297,00 Ver Detalhes Estornar
Helena da Silva 74994 14/03/12 - 11h25 Autorizada R$ 297,00 Ver Detalhes Estornar