[HTML] Como Agrupar Colunas de Tabela

22 de dezembro de 2003 3 respostas

Rafael_Afonso 22 de dezembro de 2003

Olá:

Como faço para agrupar colunas de tabela? O que geralmente acontece é que as células das tablelas são agrupadas por linha, de acordo com a tag TR. Tentei usar as tags COL e COLGROUP mas não tive sucesso. Vejam:

<center>
			<table border='1'>
					<thead>Modo normal</thead>
				<tr>
					<td>coluna 1, linha 1</td>
					<td>coluna 2, linha 1</td>
				</tr>
				<tr>
					<td>coluna 1, linha 2</td>
					<td>coluna 2, linha 2</td>
				</tr>
			</table>
			<br>
			<table border='1'>
				<thead>Usando col - comportamento diferente para cada browser</thead>
				<col>
					<td>coluna 1, linha 1</td>
					<td>coluna 1, linha 2</td>
				</col>
				<col>
					<td>coluna 2, linha 1</td>
					<td>coluna 2, linha 2</td>
				</col>
			</table>
			<br>
			<table border='1'>
				<thead>Usando colgroup - comportamento diferente para cada browser</thead>
				<colgroup>
					<td>coluna 1, linha 1</td>
					<td>coluna 1, linha 2</td>
				</colgroup>
				<colgroup>
					<td>coluna 2, linha 1</td>
					<td>coluna 2, linha 2</td>
				</colgroup>
			</table>
		</center>

Como não sei como fazer para esse código funcionar no PHPBB, copiem este código e salvem num arquivo HTML.

Grato,

3 Respostas

_fs 22 de dez. de 2003

http://www.w3.org/TR/1998/REC-html40-19980424/

Toda a documentação do HTML 4.0

Espero que ajude

Rafael_Afonso 22 de dez. de 2003

Lipe:

Obrigado pela ajuda, mas não é bem isso que estou querendo. Vou dar um exemplo do que estou enfrentando (usando as tags C:IF e C:OUT do JSTL):

<table border='1'>
				<tr>
					<td>valor1</td>
					<c:if test="${emEdicao}">
					<td>IMAGEM</td>
					</c:if>
					<td>
					<c:choose>
					<c:when test="${emEdicao}">
					<input value='<c:out value="${atributo1}"/>' name='valor1' >
					</c:when>
					<c:otherwise>
					<c:out value="${atributo1}"/>
					</c:otherwise>
					</c:choose>
					</td>
				</tr>
				<tr>
					<td>valor2</td>
					<c:if test="${condicao1}">
					<td>IMAGEM</td>
					</c:if>
					<td>
					<c:choose>
					<c:when test="${emEdicao}">
					<input value='<c:out value="${atributo2}"/>' name='valor2' >
					</c:when>
					<c:otherwise>
					<c:out value="${atributo2}"/>
					</c:otherwise>
					</c:choose>
					</td>
				</tr>
			</table>

Para não ficar cheio desses IF…THEN…ELSE no jsp queria agrupar por colunas. Mais ou menos assim:

<table border='1'>
				<COLUNA>
					<td>Valor1</td>
					<td>Valor2</td>
				</COLUNA>
				<c:if test="${emEdicao}">
				<COLUNA>
					<td>IMAGEM</td>
					<td>IMAGEM</td>
				</COLUNA>
				</c:if>
				<COLUNA>
					<c:choose>
					<c:when test="${emEdicao}">
					<td><input value='<c:out value="${atributo1}"/>' name='valor1' ></td>
					<td><input value='<c:out value="${atributo2}"/>' name='valor2' ></td>
					</c:when>
					<c:otherwise>
					<td><c:out value="${atributo1}"/></td>
					<td><c:out value="${atributo2}"/></td>
					</c:otherwise>
					</c:choose>
				</COLUNA>
			</table>

Onde a tag COLUNA é a tag que procuro. Os TDs deverão aparecerem linhas separadas. Isso procurei nos guias de HTML mas não achei nada de útil.

Grato,

Rodrigo_Carvalho_Aul 22 de dez. de 2003

Do jeito que vc quer não conheço nenhum jeito. Mas vc pode simular isso usando mais de uma tabela:

<table>
<tr>
	<td>
		<table>
		<tr>
			<td>Linha 1 Coluna 1</td>
		</tr>
		<tr>
			<td>Linha 2 Coluna 1</td>
		</tr>
		.
		.
		.
		</table>
	</td>
	<td>
		<table>
		<tr>
			<td>Linha 1 Coluna 2</td>
		</tr>
		<tr>
			<td>Linha 2 Coluna 2</td>
		</tr>
		.
		.
		.
		</table>
	</td>
</tr>
</table>

Ou fazendo uma tabela de duas colunas e as linhas seriam <br>

<table>
<tr>
	<td>
		Linha 1 Coluna 1<br>
		Linha 2 Coluna 1<br>
	</td>
	<td>
		Linha 1 Coluna 2<br>
		Linha 2 Coluna 2<br>
	</td>
</tr>
</table>

[]'s

Criado 22 de dezembro de 2003

Ultima resposta 22 de dez. de 2003

Respostas 3

Participantes 3

3 Respostas

Topicos relacionados