Foros del Web » Creando para Internet » HTML »

Como hacer tabla con scrolling

Estas en el tema de Como hacer tabla con scrolling en el foro de HTML en Foros del Web. Hola comunidad, como puedo hacer una tabla con scrolling como esta, es un frame? o algo asi, hay otra forma? thanks. cualquier ayuda, es perfectamente ...
  #1 (permalink)  
Antiguo 12/09/2010, 14:30
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 4 meses
Puntos: 641
Como hacer tabla con scrolling

Hola comunidad, como puedo hacer una tabla con scrolling como esta,



es un frame?

o algo asi, hay otra forma?

thanks.

cualquier ayuda, es perfectamente recibida.
  #2 (permalink)  
Antiguo 13/09/2010, 05:38
Avatar de triqui  
Fecha de Ingreso: diciembre-2008
Ubicación: Zaragoza(España)
Mensajes: 624
Antigüedad: 15 años, 11 meses
Puntos: 31
Respuesta: Como hacer tabla con scrolling

Esto te lo resolveran mejor en el foro de CSS ó buscando en el buscador:

http://www.forosdelweb.com/search.ph...ISO+8859-1#811

Pero eso puede ser incluso un div, un panel,... viendo el codigo fuente lo resolveras.

Con una tabla así:

Código HTML:
Ver original
  1.   <thead style="font-weight:bold;">
  2.     <tr>
  3.       <th>cabeza 1</th>
  4.       <th>cabeza 2</th>
  5.       <th>cabeza 3</th>
  6.       <th>cabeza 4</th>
  7.     </tr>
  8.   </thead>
  9.   <tbody style="height:200px; overflow:auto;">
  10.     <tr>
  11.       <td>A</td>
  12.       <td>B</td>
  13.       <td>C</td>
  14.       <td>D</td>
  15.     </tr><tr>
  16.       <td>A</td>
  17.       <td>B</td>
  18.       <td>C</td>
  19.       <td>D</td>
  20.     </tr><tr>
  21.       <td>A</td>
  22.       <td>B</td>
  23.       <td>C</td>
  24.       <td>D</td>
  25.     </tr><tr>
  26.       <td>A</td>
  27.       <td>B</td>
  28.       <td>C</td>
  29.       <td>D</td>
  30.     </tr><tr>
  31.       <td>A</td>
  32.       <td>B</td>
  33.       <td>C</td>
  34.       <td>D</td>
  35.     </tr><tr>
  36.       <td>A</td>
  37.       <td>B</td>
  38.       <td>C</td>
  39.       <td>D</td>
  40.     </tr><tr>
  41.       <td>A</td>
  42.       <td>B</td>
  43.       <td>C</td>
  44.       <td>D</td>
  45.     </tr><tr>
  46.       <td>A</td>
  47.       <td>B</td>
  48.       <td>C</td>
  49.       <td>D</td>
  50.     </tr><tr>
  51.       <td>A</td>
  52.       <td>B</td>
  53.       <td>C</td>
  54.       <td>D</td>
  55.     </tr>
  56.   </tbody>
  57. </table>Como siempre, la tocada de webs viene de la mano de la implementación en Internet Exporer, que el alto especificado para tbody lo aplica a cada fila.
  58.  
  59. Las soluciones encontradas pasan


Un scrolling con div sería así:

Código HTML:
Ver original
  1. <div style="border : solid 2px #ff0000; background : #000000; color : #ffffff; padding : 4px; width : 200px; height : 50px; overflow : auto; ">
  2. 1<br />
  3. 2<br />
  4. 3<br />
  5. 4<br />
  6. 5<br />
  7. 6<br />
  8. 7<br />
  9. 8<br />
  10. 9<br />
  11. 10<br />
  12. </div>
__________________
La nueva red social de quinielas quiniela resultados
Cazaresultados Futbol base en directo
  #3 (permalink)  
Antiguo 13/09/2010, 08:41
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 4 meses
Puntos: 641
Respuesta: Como hacer tabla con scrolling

Gracias, el problema de usar el buscador viene, cuando no sabes exactamente que buscar, vi el código fuente de dicha web pero no viene así, es algo raro pero de todos modos me sirve lo que me diste.

Etiquetas: scrolling, tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:45.