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, 5 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. <head>
  4.  
  5. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  6. <title>Document</title>
  7.  
  8. <style>
  9. .foo td, .foo th{
  10.     width: 100px;
  11. }
  12. #tbody{
  13.     height: 200px;
  14.     overflow: auto;
  15. }
  16. </style>
  17.  
  18. </head>
  19. <body>
  20.  
  21. <table class="foo">
  22.     <tr>
  23.         <th>columna 1</th>
  24.         <th>columna 2</th>
  25.         <th>columna 3</th>
  26.     </tr>
  27. </table>
  28. <div id="tbody">
  29.     <table class="foo">
  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.         <tr>
  86.             <td>columna 1</td>
  87.             <td>columna 2</td>
  88.             <td>columna 3</td>
  89.         </tr>
  90.     </table>
  91. </div>
  92. </body>
  93. </html>
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos