Olá, sou novato na programação e estou com um problema no Jquery e JSP.
To querendo montar uma tabela com 5 colunas, e os dados na tabela estão sendo alimentados pelo JSP com os dados do Banco de Dados mas o javascript só reconhece a primeira linha. Alguém já teve esse problema?
Obs: Se eu colocar os dados direto no html sem o JSP, o java script funciona certinho.
Codigo usando o JSP
Imagem no browser: http://imageshack.com/a/img921/9185/FFKrJ5.jpg
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="demo_page.css">
<link rel="stylesheet" type="text/css" media="screen" href="demo_table.css">
<script type="text/javascript" src="jquery.js" > </script>
<script type="text/javascript" src="jquery.dataTables.js" > </script>
<style type="text/css">
#corpo{margin:0 auto; padding:0; width:940px; background:#f4f4f4; height:500px}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('#tabela1').dataTable();
});
</script>
<title></title>
</head>
<body>
<div id="corpo">
<table class="display" id="tabela1">
<thead>
<th>ID</th>
<th>NOME</th>
<th>SEXO</th>
<th>EMAIL</th>
<th>AÇAO</th>
</thead>
<%
tabelaDAO dao = new tabelaDAO();
List<Dados> dados = dao.getLista();
for (Dados dd : dados){
%>
<tbody>
<td> <%=dd.getId() %> </td>
<td> <%=dd.getNome() %> </td>
<td> <%=dd.getSexo() %> </td>
<td> <%=dd.getEmail() %> </td>
<td>Alterar | Excluir</td>
</tbody>
<%
}
%>
</table>
</div>
</body>
</html>