Dicas Vas-y.com
Forum


 

Tabelas Complexas

As vezes é necessário que uma célula ocupe mais de uma linha ou coluna. Isso é possível com inserção de dois atributos nas tags <TH> ou <TD>. Esse atributos são:

COLSPAN : Especifica quantas colunas da tabela a célula pode ocupar

ROWSPAN : Especifica quantas linhas da tabela a célula pode ocupar

Também existem atributos como ALIGN e VALIGN que controlam o alinhamento horizontal e vertical da célula e NOWRAP que indica que o texto da célula não pode ser quebrado para se ajustar ao tamanho da tabela.

<TABLE width= "50% " border= "1 ">
<TR>
<TH rowspan= "2 ">1998</TH>
<TH colspan= "2 ">5 BIMESTRE</TH>
<TH colspan= "2 ">6 BIMESTRE</TH>
<TR>
<TD>Setembro</TD>
<TD>Outubro</TD>
<TD>Novembro</TD>
<TD>Dezembro</TD>
<TR>
<TH rowspan= "2 ">1998</TH>
<TH colspan= "2 ">1 BIMESTRE</TH>
<TH colspan= "2 ">2 BIMESTRE</TH>
<TR>
<TD>Janeiro</TD>
<TD>Fevereiro</TD>
<TD>Março</TD>
<TD>Abril</TD>
</TABLE>

Veja um exemplo, baseado no código-fonte acima, da utilização desses atributos.

 
<>