Componentes do Bootstrap – Tables

Bootstrap Componentes Tables

Bootstrap, esse nome tem poder.

Olá, faz um bom tempo que não tinha post hehehe… Então, voltando ao Bootstrap, hoje iremos ver um de seus componentes mais utilizados, as tables. Se você não lembra ou não sabe como usar o bootstrap, clique aqui e veja o post anterior.

Como bem sabemos as tabelas servem para exibir dados tabulares, houve um tempo que já foi utilizada até para organizar o layout, ou melhor, usada como forma de grid, mas isso é coisa do passado, como vimos no post anterior o bootstrap possui um esquema muito desenrolado para fazer grid. Vamos então se atentar ao uso das tabelas.

Pra começo de conversa uma tabela é constituída normalmente de cabeçalho(thead) e corpo(tbody), e de vez em quando as pessoas usam o rodapé(tfoot). Claro que isso é algo que nem todos usam, normalmente só aprendemos a usar as Linhas(tr) e colunas (td,th). Veja um exemplo de uma tabela sem estilo:

<table border="1">
  <!-- Cabeçalho da tabela -->
  <thead>
    <tr>
      <th>Nome</th>
      <th>Email</th>
      <th>Diaspora</th>
    </tr>
  </thead>

  <!-- Corpo da tabela -->
  <tbody>
    <tr>
      <td>Alessandro Feitoza</td>
      <td>eu@alessandrofeitoza.eu</td>
      <td>alessandro_diaspora</td>
    </tr>
    <tr>
      <td>Rapadura Doce</td>
      <td>rapadura@doce.org</td>
      <td>rapadura_doce</td>
    </tr>
  </tbody>
  <!-- Rodapé (se tiver) -->
  <tfoot>
    
  </tfoot>
</table>

Isso claro, gerará uma tabela sem estilo, veja:

table_sem_estilo

Continue lendo