Tabelas de Dados

  • Para a correta exibição de tabelas, em dispositivos menores ou com grande número de colunas, deve ser usado um container com a classe table-responsive.
  • Títulos de colunas são alinhados à esquerda.
  • Colunas possuem, quando requisitado, recurso de reordenação indicado pelo ícone . 
    Ver Comportamentos/Ordenação de Colunas de Tabelas
  • Colunas com icones de ação não possuem título nem recurso de reordenação.
  • Colunas de valores monetários tem em seu título o símbolo da moeda utilizada. O símbolo da moeda não é exibido junto ao valor.
  • O alinhamento dos campos é à esquerda para valores do tipo string e à direita para valores numéricos inteiros ou decimais.
  • O alinhamento dos campos de numeração de linha de dados é à esquerda.
  • Células com conteúdos numéricos e com conteúdos de ícones de ação devem ter o atributo nowrap.
  • As tabelas possuem recurso de seleção do número de linhas a serem exibidas.
  • As tabelas possuem recurso de paginação para exibição de novo grupo, posterior ou anterior, de linhas.
  • A informação de total de registros/registros exibidos, o menu de paginação e o seletor de número de linhas são posicionados externamente ao container responsivo da tabela.
Exibir     linhas
Título Título lorem Título ipsum Título (R$) Título  
Mauris ipsum In scelerisque sem at 1234-123 1.234,56 Lorem editar o registro excluir o registro
Duis sagittis ipsum Proin ut ligula vel nunc 1234567-123 12.345,67 Ipsun editar o registro excluir o registro
Fusce nec tellus Fusce ac turpis quis ed non quam 12345-123 123.456,78 Loremipsum editar o registro excluir o registro
Mauris massa Class aptent taciti sociosqu 1234-123 123,45 Lorem editar o registro excluir o registro
Vestibulum lacinia Vestibulum sapien 123-123 1.234,56 Ipsum editar o registro excluir o registro
Listando registros de 1 a 5 de 15
Exibir     linhas
# Título Título lorem Título ipsum Título loremipsum Título (R$) Título lorem Título ipsum Título Título lorem ipsum  
1 Mauris ipsum In scelerisque sem at 1234-123 1 1.234,56 Suspendisse in justo Vestibulum ante ipsum Mauris ipsum. Nulla metus metus, ullamcorper vel,
tincidunt sed, euismod in, nibh.
Class aptent taciti sociosqu ad litora torquent nostra.		 Lorem editar o registro excluir o registro
2 Duis sagittis ipsum Proin ut ligula vel nunc 1234567-123 12 12.345,67 Sed lectus Proin ut nam nec ante Mauris ipsum. Nulla metus metus. Ipsun editar o registro excluir o registro
3 Fusce nec tellus Fusce ac turpis quis ed non quam 12345-123 123 123.456,78 Integer euismod lacus Scelerisque Quisque volutpat condimentum velit.
Class aptent taciti sociosqu ad litora torquent per conubia		 Loremipsum editar o registro excluir o registro
4 Mauris massa Class aptent taciti sociosqu 1234-123 1234 123,45 Quisque cursus Vestibulum sapien Nulla metus metus, ullamcorper vel, tincidunt sed. Lorem editar o registro excluir o registro
5 Vestibulum lacinia Vestibulum sapien 123-123 123 1.234,56 Sed non quam Class aptent taciti sociosqu Class aptent taciti sociosqu ad litora torquent per
conubia nostra		 Ipsum editar o registro excluir o registro
Listando registros de 1 a 10 de 45