Pessoal
Fiz esse meio de deixar cada bloco de informações que eu desejo separar com cor diferente… mas está conflitando com o método de paginação… alguém saberia me informar?
Eu fiz assim:
.cor1 td{background:#ecf2f6; margin:0 auto 15px; padding:5px 5px 5px 5px; font-size:10px; text-align:center; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.cor2 td{background:#c6d5e1; margin:0 auto 15px; padding:5px 5px 5px 5px; font-size:10px; text-align:center; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
Ai defino assim:
<tbody>
<c:forEach var="resultado" items="${resultados}">
<c:choose>
<c:when test="${cor == '1'}">
<tr class="cor1">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.dtHoraDispositivo != " " ? resultado.dtHoraDispositivo : "-"}'/></td>
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.codDispositivo != " " ? resultado.codDispositivo : "-"}'/></td>
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.ultMensagem != " " ? resultado.ultMensagem : "-"}'/></td>
<c:if test="${velocidadeInst == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.velocidadeInst != " " ? resultado.velocidadeInst : "-"}'/></td>
</c:if>
<c:if test="${rotMotor == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.rotMotor != " " ? resultado.rotMotor : "-"}'/></td>
</c:if>
<c:if test="${nvlCombus == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.nvlCombus != " " ? resultado.nvlCombus : "-"}'/></td>
</c:if>
<c:if test="${consInsCombus == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.consInsCombus != " " && resultado.consInsCombus != "Inf" ? resultado.consInsCombus : "-"}'/></td>
</c:if>
<c:if test="${distPerc == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.distPerc != " " ? resultado.distPerc : "-"}'/></td>
</c:if>
<c:if test="${tempViagem == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.tempViagem != " " ? resultado.tempViagem : "-"}'/></td>
</c:if>
<c:if test="${consMedCombus == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.consMedCombus != " " ? resultado.consMedCombus : "-"}'/></td>
</c:if>
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.latitude != " " ? resultado.latitude : "-"}'/></td>
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.longitude != " " ? resultado.longitude : "-"}'/></td>
</tr>
<c:if test="${resultado.ultMensagem == 'GTIGF'}">
<c:set var="cor" value="2"/>
</c:if>
</c:when>
<c:otherwise>
<tr class="cor2">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.dtHoraDispositivo != " " ? resultado.dtHoraDispositivo : "-"}'/></td>
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.codDispositivo != " " ? resultado.codDispositivo : "-"}'/></td>
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.ultMensagem != " " ? resultado.ultMensagem : "-"}'/></td>
<c:if test="${velocidadeInst == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.velocidadeInst != " " ? resultado.velocidadeInst : "-"}'/></td>
</c:if>
<c:if test="${rotMotor == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.rotMotor != " " ? resultado.rotMotor : "-"}'/></td>
</c:if>
<c:if test="${nvlCombus == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.nvlCombus != " " ? resultado.nvlCombus : "-"}'/></td>
</c:if>
<c:if test="${consInsCombus == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.consInsCombus != " " && resultado.consInsCombus != "Inf" ? resultado.consInsCombus : "-"}'/></td>
</c:if>
<c:if test="${distPerc == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.distPerc != " " ? resultado.distPerc : "-"}'/></td>
</c:if>
<c:if test="${tempViagem == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.tempViagem != " " ? resultado.tempViagem : "-"}'/></td>
</c:if>
<c:if test="${consMedCombus == true}">
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.consMedCombus != " " ? resultado.consMedCombus : "-"}'/></td>
</c:if>
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.latitude != " " ? resultado.latitude : "-"}'/></td>
<td style="border-color:white" style="border-style:groove"><c:out value='${resultado.longitude != " " ? resultado.longitude : "-"}'/></td>
</tr>
<c:if test="${resultado.ultMensagem == 'GTIGF'}">
<c:set var="cor" value="1"/>
</c:if>
</c:otherwise>
</c:choose>
</c:forEach>
</tbody>
só que está conflitando com o método de paginação:
var sorter = new TINY.table.sorter("sorter");
sorter.head = "head";
sorter.asc = "asc";
sorter.desc = "desc";
sorter.even = "evenrow";
sorter.odd = "oddrow";
sorter.evensel = "evenselected";
sorter.oddsel = "oddselected";
sorter.paginate = true;
sorter.currentid = "currentpage";
sorter.limitid = "pagelimit";
sorter.init("tableMed",0); // se eu tiro essa linha funciona as cores, mas a paginação some
sorter.dateFormat = "uk";
==================================================================
Consegui… só troquei de class (.cor) para id (#cor) que funcionou…