tbody con scroll?

killerangel · #1 (**permalink**) 28/05/2012, 08:15

Hola Foro.

Me pregunto si se puede hacer que el tbody tenga scroll o ver alguna manera de que solo la primera fila de una tabla permanezca fija y las inferiores, si superan un tamaño dado, puedan tener un overflow:auto, es posible sin usar js?

gracias.

P.D. Se me ocurrio tener dos tablas diferentes, una para cabeceras y una para filas a mostrar, pero al redimencionar la pagina, cada una se ajustará a su tamaño segun sus características y no seran necesariamente iguales.... q problema!!

emprear · #2 (**permalink**) 28/05/2012, 14:05

Yo lo tengo hecho de esta manera
http://foros.emprear.com/html/tabla_con_scroll/

Saludos

furoya · #3 (**permalink**) 28/05/2012, 16:24

Hola killerangel, emprear.

A mi me costaba creer que que no hubiera un ejemplo de eso.

Hasta llegué a dudar si lo había soñado, y me puse recién a hacer uno. Pero me ganaste de nuevo, emprear.
Igual lo posteo, porque ya lo tengo.

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<style type="text/css">
table {font: normal 16px/120% sans-serif; height: 200px; }
td , th {width: 8em; overflow: auto; display: inline-block; }
td {height: 4em;}
.espaciador {visibility: hidden; width: 20px; }
.cuerpotabla0 {display:block; }
.cuerpotabla1 {overflow: auto; height: 12em; display:block; }
</style>
</head>
<body>
<table border=1>

<tbody class=cuerpotabla0><tr><th>A</th> <th>B</th> <th>C</th> <th class=espaciador>·</th></tr></tbody>

<tbody class=cuerpotabla1>
<tr><td>qwertyuiop <br>qwertyuiop <br>qwertyuiop <br>qwertyuiop <br>qwertyuiop <br></td> <td>qwertyuiop</td> <td>qwertyuiop</td></tr>
<tr><td>qwertyuiop</td> <td>qwertyuiop</td> <td>qwertyuiop</td></tr>
<tr><td>qwertyuiop</td> <td>qwertyuiop</td> <td>qwertyuiop</td></tr>
<tr><td>qwertyuiop</td> <td>qwertyuiop</td> <td>qwertyuiopqwertyuiop</td></tr>
</tbody>

</table>
</body>
</html>

Hay varios ejemplos más en el Foro, pero en su mayoría son con javascript.
Esta semana apareció ésta

HTML fijae primera fila y columna en una tabla

·················································· ···························

Un offtopic : montones de veces entré a ver los códigos de

http://foros.emprear.com/

y siempre me acordé del autor porque no ponía el ejemplo a la vista sino que hacía que lo descargáramos.

Hasta que hoy descubrí que haciendo click en el ícono no lo descargaba, sino que lo abría.

Ahora voy a buscar todos los que no miré por nabo.

emprear · #4 (**permalink**) 28/05/2012, 17:38

@furoya, creo que el de la tabla con scroll es uno de los primeros que puse, y de eso hace como 3 años. Tengo como cien fragmentos más de código estrafalario que aun no me decidí subir
Los que suelo dejar para descarga son los que involucran php.

<masofftopicquetuofftopic>
Estoy haciendo destrozos con los .hta
</masofftopicquetuofftopic>

Saludos