Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

carlos_vinicios

jquery - tablesorter

Recommended Posts

ai galera sou novo aqui no forum e não sei nem se estou postando no local correto mas..

 

 

gostaria que alguém me ajudasse com o jquery, quero usar o tablesorter, mas não faço ideia de como usar o jquery, olhei algums posts mas não entendi nada a página que eu quero usar é essa:

 

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<script type="text/javascript" src="<c:url value="/javascripts/jquery-1.3.2.min.js"/>"></script>
	<script type="text/javascript" src="<c:url value="/javascripts/jquery.tablesoter.min.js"/>"></script>
	<script type="text/javascript" src="<c:url value="/javascripts/jquery.tablesorter.js"/>"></script>
	<script type="text/javascript" src="<c:url value="/javascripts/jquery.puts.js"/>"></script>
	<script type="text/javascript" src="<c:url value="/javascripts/style.css"/>"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$("#listagem").tableSorter({
				sortColumn: 'Nome',
				sortClassAsc: 'headerSortUp',
				sortClassDesc: 'headerSortDown',
				headerClass: 'header',
				highlightClass: 'highlightColumn',
				rowHighlightClass: 'highlightRow',
				stripingRowClass: ['corsim','cornao'],
				stripeRowsOnStartUp: true
			}); 
		});
	</script>
<title>Insert title here</title>
</head>
<body>
	<center>
	<table id="listagem" class="tablesorter">
		<thead>
			<tr>
				<th class="header">Código</th>
				<th class="header headerSortDown">Nome</th>
				<th class="header">UF</th>
				<th class="header">Editar</th>
				<th class="header">Remover</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${estadoList}" var="estado">
				<tr>
					<td>${estado.id}</td>
					<td>${estado.nome}</td>
					<td>${estado.uf}</td>
					<td><a href="<c:url value="/estado/${estado.id}"/>"> Editar</a></td>
					<td><a href="<c:url value="/estado/confirma_remocao/${estado.id}"/>">Remover</a></td>
				</tr>
			</c:forEach>
		</tbody>
	</table>
	</center>
</body>
</html>

 

alguém pode me ajudar com isso?

 

obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

já baixou os arquivos ? jquery e tablesorter ?

 

oque é <c:url ??

pegue o exemplo do site e implemente apartir dele.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.