Tabela Expandir Colunas Horizontalmente
Quero uma tabela onde uma das minhas linhas terá apenas 2 colunas, enquanto outras terão 5 colunas?
Como expandir colunas em tabelas html?
Explicação
Col Span - Expandir colunas horizontalmente
Ao utilizar uma tabela, poderá haver uma necessidade de que algumas linhas poderão ter menos colunas que outras.. Pode ser facilmente alcançado usando colspan.
Por exemplo, tenho uma tabela com duas linhas e três colunas. Agora quero que a primeira linha tenha apenas uma coluna e a segunda linha tenha três colunas.
Demonstração: | Primeira Linha | . | . | | segunda Linha | 2 | 2 | | | Primeira Linha | | segunda Linha | 2 | 2 | |
| Tabela | Tabela Expandida |
Aqui temos a expansão de uma coluna para três colunas. Isto é, em vez de adicionar três colunas iremos acrescentar apenas uma coluna e expandi-la usando o atributo colspan="x". Neste caso, como a coluna deve ser expandida para três iremos adicionar o atributo "colspan=3".
Etiqueta: <table>
<tr>
<td colspan=3>
Primeira Linha</td>
</tr>
<tr>
<td>
Segunda Linha
</td>
<td >.</td>
<td>2</td>
</tr>
</table>