Tengo el siguiente problema... tengo una tabla con la siguiente composición
Código:
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... <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>
Por ejemplo con este estilo, me aparece el scroll para la tabla completa
Código:
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.... border-color:#000000; display: block; height: 262px; overflow: auto; width: 100% ...
Esop.. se entiende lo que deseo ???
voy a ver si puedo hacer un gráfico de esto
Código:
Yap, se entiende..., el signo mas con las | imaginense que son el scroll ...+------------------------+ | | <-- THEAD +------------------------+ | | + | | | | | | | | | <- TBODY | | | | | | + | +------------------------+ | | <-- TFOOT +------------------------+
Gracias a todos