Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite galera,
Estou com um problema no script da tabela abaixo, preciso colocar a barra de rolagem conforme a imagem abaixo
/applications/core/interface/imageproxy/imageproxy.php?img=http://digthumb.com/photos/20140108138922987780797.jpg&key=281b16090fa9d57ff0a2c769fa5254e763b3de59e12dc052a395a91a24d64194" alt="20140108138922987780797.jpg" />
Segue meu codigo
script.js
$(function(){
$("#tabela input").keyup(function(){
var index = $(this).parent().index();
var nth = "#tabela td:nth-child("+(index+1).toString()+")";
var valor = $(this).val().toUpperCase();
$("#tabela tbody tr").show();
$(nth).each(function(){$(this).parent().hide();
}
});
});
$("#tabela input").blur(function(){
$(this).val("");
});
});index
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/estilo.css"/>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div id="conteudo_geral">
<div id="divConteudo">
<table cellspacing="1" id="tabela">
<thead>
<tr>
<th width="96" align="center">Coluna1</th>
<th width="102" align="center">Coluna2</th>
<th width="221" align="center">Coluna3</th>
<th width="102" align="center">Coluna4</th>
<th width="85" align="center">Coluna5</th>
<th width="80" align="center">Coluna6</th>
<th width="150" align="center">Ação</th>
</tr>
<tr>
<th><input name="text" id="txtColuna1" size="10"/></th>
<th><input name="text2" type="text" id="txtColuna2" size="12"/></th>
<th><input name="text2" type="text" id="txtColuna3" size="30"/></th>
<th><input name="text2" type="text" id="txtColuna4" size="10"/></th>
<th><input name="text2" type="text" id="txtColuna5" size="8"/></th>
<th><input name="text2" type="text" id="txtColuna6" size="6"/></th>
<th> </th>
</tr>
</thead>
<tbody>
<tr>
<td>Conteudo1</td>
<td>Conteudo2</td>
<td>Conteudo3</td>
<td>Conteudo4</td>
<td>Conteudo5</td>
<td>Conteudo6</td>
<td><a href="#">Editar</a> | <a href="#">Detalhamento</a></td>
</tr>
<tr>
<td>Conteudo1</td>
<td>Conteudo2</td>
<td>Conteudo3</td>
<td>Conteudo4</td>
<td>Conteudo5</td>
<td>Conteudo6</td>
<td><a href="#">Editar</a> | <a href="#">Detalhamento</a></td>
</tr>
<tr>
<td>Conteudo1</td>
<td>Conteudo2</td>
<td>Conteudo3</td>
<td>Conteudo4</td>
<td>Conteudo5</td>
<td>Conteudo6</td>
<td><a href="#">Editar</a> | <a href="#">Detalhamento</a></td>
</tr>
<tr>
<td>Conteudo1</td>
<td>Conteudo2</td>
<td>Conteudo3</td>
<td>Conteudo4</td>
<td>Conteudo5</td>
<td>Conteudo6</td>
<td><a href="#">Editar</a> | <a href="#">Detalhamento</a></td>
</tr>
<tr>
<td>Conteudo1</td>
<td>Conteudo2</td>
<td>Conteudo3</td>
<td>Conteudo4</td>
<td>Conteudo5</td>
<td>Conteudo6</td>
<td><a href="#">Editar</a> | <a href="#">Detalhamento</a></td>
</tr>
<tr>
<td>Conteudo1</td>
<td>Conteudo2</td>
<td>Conteudo3</td>
<td>Conteudo4</td>
<td>Conteudo5</td>
<td>Conteudo6</td>
<td><a href="#">Editar</a> | <a href="#">Detalhamento</a></td>
</tr>
<tr>
<td>Conteudo1</td>
<td>Conteudo2</td>
<td>Conteudo3</td>
<td>Conteudo4</td>
<td>Conteudo5</td>
<td>Conteudo6</td>
<td><a href="#">Editar</a> | <a href="#">Detalhamento</a></td>
</tr>
<tr>
<td>Conteudo1</td>
<td>Conteudo2</td>
<td>Conteudo3</td>
<td>Conteudo4</td>
<td>Conteudo5</td>
<td>Conteudo6</td>
<td><a href="#">Editar</a> | <a href="#">Detalhamento</a></td>
</tr>
<tr>
<td>Conteudo1</td>
<td>Conteudo2</td>
<td>Conteudo3</td>
<td>Conteudo4</td>
<td>Conteudo5</td>
<td>Conteudo6</td>
<td><a href="#">Editar</a> | <a href="#">Detalhamento</a></td>
</tr>
<tr>
<td>Conteudo1</td>
<td>Conteudo2</td>
<td>Conteudo3</td>
<td>Conteudo4</td>
<td>Conteudo5</td>
<td>Conteudo6</td>
<td><a href="#">Editar</a> | <a href="#">Detalhamento</a></td>
</tr>
</tbody>
</table>
</div><!-- divConteudo -->
</div><!-- conteudo_geral -->
</body>
</html>Muito obrigado
Carregando comentários...