Tema: tbody scroll
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 11/10/2010, 07:30
Avatar de abimaelrc
abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 15 años, 7 meses
Puntos: 1517
Respuesta: tbody scroll

Podrías hacer algo así
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  5. <title>Document</title>
  6.  
  7. .foo td, .foo th{
  8.     width: 100px;
  9. }
  10. #tbody{
  11.     height: 200px;
  12.     overflow: auto;
  13. }
  14.  
  15. </head>
  16.  
  17. <table class="foo">
  18.     <tr>
  19.         <th>columna 1</th>
  20.         <th>columna 2</th>
  21.         <th>columna 3</th>
  22.     </tr>
  23. <div id="tbody">
  24.     <table class="foo">
  25.         <tr>
  26.             <td>columna 1</td>
  27.             <td>columna 2</td>
  28.             <td>columna 3</td>
  29.         </tr>
  30.         <tr>
  31.             <td>columna 1</td>
  32.             <td>columna 2</td>
  33.             <td>columna 3</td>
  34.         </tr>
  35.         <tr>
  36.             <td>columna 1</td>
  37.             <td>columna 2</td>
  38.             <td>columna 3</td>
  39.         </tr>
  40.         <tr>
  41.             <td>columna 1</td>
  42.             <td>columna 2</td>
  43.             <td>columna 3</td>
  44.         </tr>
  45.         <tr>
  46.             <td>columna 1</td>
  47.             <td>columna 2</td>
  48.             <td>columna 3</td>
  49.         </tr>
  50.         <tr>
  51.             <td>columna 1</td>
  52.             <td>columna 2</td>
  53.             <td>columna 3</td>
  54.         </tr>
  55.         <tr>
  56.             <td>columna 1</td>
  57.             <td>columna 2</td>
  58.             <td>columna 3</td>
  59.         </tr>
  60.         <tr>
  61.             <td>columna 1</td>
  62.             <td>columna 2</td>
  63.             <td>columna 3</td>
  64.         </tr>
  65.         <tr>
  66.             <td>columna 1</td>
  67.             <td>columna 2</td>
  68.             <td>columna 3</td>
  69.         </tr>
  70.         <tr>
  71.             <td>columna 1</td>
  72.             <td>columna 2</td>
  73.             <td>columna 3</td>
  74.         </tr>
  75.         <tr>
  76.             <td>columna 1</td>
  77.             <td>columna 2</td>
  78.             <td>columna 3</td>
  79.         </tr>
  80.         <tr>
  81.             <td>columna 1</td>
  82.             <td>columna 2</td>
  83.             <td>columna 3</td>
  84.         </tr>
  85.     </table>
  86. </div>
  87. </body>
  88. </html>
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos