Hola a todos.
Cita:
Iniciado por RoQ prueba ponerle un height fijo al tbody y overflow:scroll.
claro que solo es teoria
EDIT: nop no funciona...
¿Cómo que no? ¿En qué navegadores no funciona el siquiente código?
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<title>tbody con scroll</title>
<style type="text/css">
tbody { overflow: auto; height: 100px; }
</style>
<table border='1' summary='lista de precios'>
<thead>
<tr><th>Cantidad</th><th>Producto </th>
<th>Valor </th><th>Subtotal </th></tr>
</thead>
<tfoot>
<tr><td>pie</td><td>pie</td>
<td>pie</td><td>pie</td></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> 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>
</table>
Por cierto, el tfoot debe ir antes del tbody y no debería contener datos