Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17721
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como usar o rowspan e o colspan em uma tabela HTML

01-04-2015 22:41

Nesse post vou mostrar como mesclar linhas e colunas de uma tabela HTML.

Se queremos unir duas colunas de uma tabela HTML, usamos o colspan, veja abaixo.

<table border="1"> <tr> <td>c1</td> <td>c2</td> </tr> <tr> <td colspan="2">c3</td> </tr> </table>

Observe que a primeira linha tem duas colunas. Já a segunda linhas somente uma, e a numeração usada no colspan deve ser sempre relativa ao número de colunas original.

Já no caso do rowspan eu uso se eu quero que uma coluna da tabela mescle duas ou mais linhas, por exemplo:

<table border="1"> <tr> <td rowspan="2">c1</td> <td>c2</td> </tr> <tr> <td colspan="2">c3</td> </tr> </table>

Como mostrado no exemplo, a coluna c1 passou a ocupar duas linhas da tabela ao mesmo tempo.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado