Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde senhores, estou tentando colocar um scroll vertical no conteúdo da minha tabela para deixar o header fixo e rolar somente o tbody, mas não estou conseguindo, já quebrei a cabeça e de repente to patinando em algo bem simples, alguém pode ver o que está errado no meu código por favor?
Aqui está o meu fiddle: https://jsfiddle.net/kyq05vws/
HTML
<table>
<thead>
<tr>
<th>Seq.</th>
<th>Codigo</th>
<th>Nome</th>
<th>Qtd</th>
<th>Preço</th>
<th>Valor Total</th>
<th></th>
</tr>
</thead>
<tbody id="tabela">
<tr>
<td>1</td>
<td>REF004</td>
<td>BOLSA DE ROUPAS DE BEBE</td>
<td><input type="text" name="inputs[0][qtd_unitaria]" value="1" size="5" /></td>
<td><input type="text" id="preco_unitario[]" name="inputs[0][preco_unitario]" value="12.00" size="5" readonly="readonly" /></td>
<td><input type="text" id="preco_total[]" name="inputs[0][preco_total]" value="12.00" size="5" readonly="readonly" /></td>
<td><button type="button" id="vendas_del">×</button></td>
</tr>
<tr>
<td>1</td>
<td>REF002</td>
<td>BOLSA ROUPAS MISTA CRIANCA</td>
<td><input type="text" name="inputs[1][qtd_unitaria]" value="1" size="5" /></td>
<td><input type="text" id="preco_unitario[]" name="inputs[1][preco_unitario]" value="17.00" size="5" readonly="readonly" /></td>
<td><input type="text" id="preco_total[]" name="inputs[1][preco_total]" value="17.00" size="5" readonly="readonly" /></td>
<td><button type="button" id="vendas_del">×</button></td>
</tr>
<tr>
<td>1</td>
<td>REF004</td>
<td>BOLSA DE ROUPAS DE BEBE</td>
<td><input type="text" name="inputs[0][qtd_unitaria]" value="1" size="5" /></td>
<td><input type="text" id="preco_unitario[]" name="inputs[0][preco_unitario]" value="12.00" size="5" readonly="readonly" /></td>
<td><input type="text" id="preco_total[]" name="inputs[0][preco_total]" value="12.00" size="5" readonly="readonly" /></td>
<td><button type="button" id="vendas_del">×</button></td>
</tr>
<tr>
<td>1</td>
<td>REF002</td>
<td>BOLSA ROUPAS MISTA CRIANCA</td>
<td><input type="text" name="inputs[1][qtd_unitaria]" value="1" size="5" /></td>
<td><input type="text" id="preco_unitario[]" name="inputs[1][preco_unitario]" value="17.00" size="5" readonly="readonly" /></td>
<td><input type="text" id="preco_total[]" name="inputs[1][preco_total]" value="17.00" size="5" readonly="readonly" /></td>
<td><button type="button" id="vendas_del">×</button></td>
</tr>
<tr>
<td>1</td>
<td>REF004</td>
<td>BOLSA DE ROUPAS DE BEBE</td>
<td><input type="text" name="inputs[0][qtd_unitaria]" value="1" size="5" /></td>
<td><input type="text" id="preco_unitario[]" name="inputs[0][preco_unitario]" value="12.00" size="5" readonly="readonly" /></td>
<td><input type="text" id="preco_total[]" name="inputs[0][preco_total]" value="12.00" size="5" readonly="readonly" /></td>
<td><button type="button" id="vendas_del">×</button></td>
</tr>
<tr>
<td>1</td>
<td>REF002</td>
<td>BOLSA ROUPAS MISTA CRIANCA</td>
<td><input type="text" name="inputs[1][qtd_unitaria]" value="1" size="5" /></td>
<td><input type="text" id="preco_unitario[]" name="inputs[1][preco_unitario]" value="17.00" size="5" readonly="readonly" /></td>
<td><input type="text" id="preco_total[]" name="inputs[1][preco_total]" value="17.00" size="5" readonly="readonly" /></td>
<td><button type="button" id="vendas_del">×</button></td>
</tr>
<tr>
<td>1</td>
<td>REF004</td>
<td>BOLSA DE ROUPAS DE BEBE</td>
<td><input type="text" name="inputs[0][qtd_unitaria]" value="1" size="5" /></td>
<td><input type="text" id="preco_unitario[]" name="inputs[0][preco_unitario]" value="12.00" size="5" readonly="readonly" /></td>
<td><input type="text" id="preco_total[]" name="inputs[0][preco_total]" value="12.00" size="5" readonly="readonly" /></td>
<td><button type="button" id="vendas_del">×</button></td>
</tr>
<tr>
<td>1</td>
<td>REF002</td>
<td>BOLSA ROUPAS MISTA CRIANCA</td>
<td><input type="text" name="inputs[1][qtd_unitaria]" value="1" size="5" /></td>
<td><input type="text" id="preco_unitario[]" name="inputs[1][preco_unitario]" value="17.00" size="5" readonly="readonly" /></td>
<td><input type="text" id="preco_total[]" name="inputs[1][preco_total]" value="17.00" size="5" readonly="readonly" /></td>
<td><button type="button" id="vendas_del">×</button></td>
</tr>
</tbody>
</table>
CSS
table {
margin-top:10px;
width: 90%;
height:200px;
border-collapse: collapse;
} background: #eee;
} background: #333;
color: white;
font-weight: bold;
} height: 200px;
overflow-y: scroll;
} padding: 6px;
border: 1px solid #ccc;
text-align: left;
}Carregando comentários...