Hola a todos, hola jotamachuca.
Esto es el futuro, hoy (CSS3)
Funciona como mínimo en FF1.5
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<title>tbody con scroll v0.2</title>
<style type="text/css">
tbody { height: 100px; overflow-x: hidden; overflow-y: scroll; }
</style>
<table border='1'>
<thead>
<tr><th>Cantidad</th><th>Producto </th>
<th>Valor </th><th>Subtotal </th></tr>
</thead>
<tfoot>
<tr><th>Cantidad</th><th>Producto </th>
<th>Valor </th><th>Subtotal </th></tr>
</tfoot>
<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>
<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>
<tbody>
<tr><td> 10</td> <td> Azucar</td>
<td> 100</td><td> 100</td> </tr>
<tr><td> 20</td> <td> Aceite</td>
<td> 100</td><td> 200</td> </tr>
<tr><td> 40</td> <td> Sal</td>
<td> 200</td><td> 800</td> </tr>
<tr><td> 10</td> <td> Azucar</td>
<td> 100</td><td> 100</td> </tr>
<tr><td> 20</td> <td> Aceite</td>
<td> 100</td><td> 200</td> </tr>
<tr><td> 40</td> <td> Sal</td>
<td> 200</td><td> 800</td> </tr>
</tbody>
</table>