Mudar a cor da linha da tabela, de uma página JSP

12 de dezembro de 2007 6 respostas

Javafull 12 de dezembro de 2007

Ola pessoal fiz uma página jsp, e na tabela em html, gostaria de pintar cada linha da tabela como uma cor diferente, como faço?

Fiquem na paz!!!

6 Respostas

felipebizz 12 de dez. de 2007

Entao cara…

Na tabela vc consegue mudar o background da linha e nao a cor da linha…
Vc até consgue mudar a cor da tabela, mas é a tabela toda…com o comando bordercolor=“nomeCorEmIngles”

davidbuzatto 12 de dez. de 2007

Como sua tabela é montada?
Vc quer fazer uma tabela zebrada?

Para zebrado, se vc está montando sua tabela usando o forEach da JSTL vc pode verificar em qual linha vc está e dependendo da mesma vc configura a cor.
Com JSF fica mais fácil por tem como vc especificar o estilo das linhas (separados por vírgula).
Se vc estiver usando a biblioteca displayTag, é fácil tbm, mas não lembro como...

Com JSTL vc pode fazer:

<table>
    <c:forEach items="${suaLista}" var="linha" varStatus="i">
        <c:choose>
            <c:when test="${i.count % 2 == 0}">
                <tr bgColor="#CC0000"> <%-- Use styles... fica melhor... --%>
            </c:when>
            <c:otherwise>
                <tr bgColor="#0000CC">
            </c:otherwise>

            <td>${linha.atributo1}</td>
            <td>${linha.atributo2}</td>
            <td>${linha.atributo3}</td>

            </tr>

        </c:choose>
    </c:forEach>
</table>

Até mais!

Javafull 12 de dez. de 2007

Minha tabela esta assim:

<tr>
                    <td width=50 align="center"><strong>
                            CP:
                    </strong></td>    
                    <td width=80 align="center"><strong>
                            CLIENTE:
                    </strong></td>    
                    <td width=150 align="center"><strong>
                            DATA:
                    </strong></td>
                    
                    <td width=150 align="center"><strong>
                            DATA FINALIZACAO:
                    </strong></td>
                    
                    
                    <td width=200 align="center"><strong>
                            RESPONSAVEL DIGITACAO:
                    </strong></td>
                    
                    <td width=200 align="center"><strong>
                            TECNICO EM CAMPO:
                    </strong></td>
                    
                    <td width=150 align="center"><strong>
                            HORA ENTRADA:
                    </strong></td>
                    
                </tr>
                
                
                <%    
                try {
                con.setConsulta();
                ResultSet temp = con.getResultado();
                
                while (temp.next()){
                %>
                <tr>
                    <td>
                        <%out.print(temp.getString("CPAfetado"));%>
                    </td>
                    <td>
                        <%out.print(temp.getString("N_Cliente"));%>
                    </td>
                    <td>
                        <%out.print(temp.getString("Data"));%>
                    </td>
                    
                    <td>
                        <%out.print(temp.getString("Data_Finalizacao"));%>
                    </td>
                    
                    <td>
                        <%out.print(temp.getString("Responsavel_Digitacao"));%>
                    </td>
                    
                    <td>
                        <%out.print(temp.getString("TecnicoResponsa"));%>
                    </td>
                    
                    <td>
                        <%out.print(temp.getString("Hora"));%>
                    </td>
                    
                </tr>
                <%}
                
                }catch (Exception e) {
                e.printStackTrace();
                }
                
                %>
            </table></h4>

Como faço para zebra-la?
Obrigado pela ajuda!!!

acdesouza 12 de dez. de 2007

Eu utilizo o css e javascript disponibilizado pelo site: validweb.nl.

E li uma explicação sobre por que usar CSS e JavaScript para criar o efeito de tabela zebrada.

BLV_DOOM_JAVA 13 de jul. de 2010

Bom pessoal,
aproveitando esse tópico...será que alguém pode me falar o que tem de errado nisso nesse código:

<%@ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix = "c" %>
<html>
	<body>
		<!-- cria a lista -->
		<jsp:useBean id = "dao" class = "br.com.caelum.agenda.dao.ContatoDAO" />
		<table border = "1">
			<tr>
				<td>NOME</td>
				<td>EMAIL</td>
				<td>ENDEREÇO</td>
				<td>DATA DE NASCIMENTO</td>
			</tr>
			<!-- for -->
			<c:forEach var = "contato" items = "${dao.lista}" varStatus = "id">
				<c:choose>
					<c:when test="${id.count % 2 == 0}"><tr bgColor = "#CC0000"></c:when>
					<c:otherwise><tr bgColor = "#0000CC"></c:otherwise>
							<td>${contato.nome}</td>
							<td>${contato.email}</td>
							<td>${contato.endereco}</td>
							<td>${contato.dataNascimento.time}</td>
						</tr>
				</c:choose>
			</c:forEach>
		</table>
	</body>
</html>

O que acontece...eu ponho para rodar e o eclipse começa a dar um monte de mensagem, porém quando eu tiro as tags c:choose, c:when e c:otherwise o código funciona normal.
Será que é configuração errada?
Eu baixei os dois jars no site da jstl e copiei os dois no WEBINF/lib do meu projeto...

Me ajudem...eu to adorando este lado do Java.

Persa08 22 de fev. de 2011

Modifique </c:choose> da linha 23 para a linha 18 (abaixo de <c:otherwise><tr bgColor = “#0000CC”></c:otherwise> )

Falou

Criado 12 de dezembro de 2007

Ultima resposta 22 de fev. de 2011

Respostas 6

Participantes 6

6 Respostas

Topicos relacionados