Hola a todos
Tengo el siguiente problema... tengo una tabla con la siguiente composición
Código:
<table class="tabla_listado">
<thead>
<tr>
<th>Cantidad</th>
<th>Producto </th>
<th>Valor </th>
<th>Subtotal </th>
</tr>
</thead>
<tbody>
<tr>
<td> 1</td>
<td> Azucar</td>
<td> 100</td>
<td> 100</td>
</tr>
<tr>
<td> 2</td>
<td> Aceite</td>
<td> 100</td>
<td> 200</td>
</tr>
<tr>
<td> 4</td>
<td> Sal</td>
<td> 200</td>
<td> 800</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>7 </td>
<td> -- </td>
<td>400</td>
<td>1100 </td>
</tr>
</tfoot>
El asunto es que deseo que el thead y el tfoot queden quietos y se pueda hacer un scroll con el tbody... lo he visto en otros ejemplos, solo que hacen el scroll a la tabla completa...
Por ejemplo con este estilo, me aparece el scroll para la tabla completa
Código:
...
border-color:#000000;
display: block;
height: 262px;
overflow: auto;
width: 100%
...
El asunto es que no puedo agregar ningun codigo html ni css ni nada mas a esa tabla, lo que si puedo hacer es poner todo lo que quiera o que necesite en la hoja de estilo.
Esop.. se entiende lo que deseo ???
voy a ver si puedo hacer un gráfico de esto
Código:
+------------------------+
| | <-- THEAD
+------------------------+
| | + |
| | | |
| | | | <- TBODY
| | | |
| | + |
+------------------------+
| | <-- TFOOT
+------------------------+
Yap, se entiende...
, el signo mas con las | imaginense que son el scroll
...
Gracias a todos