FTP | CCD | Buscar | Trucos | Trabajo | Foros |
|
Registrarse | FAQ | Miembros | Calendario | Guía de estilo | Temas de Hoy |
|
Herramientas | Buscar en Tema | Desplegado |
#1
|
||||
|
||||
HTML scrollbar en una tabla
Estoy investigando como hacer que aparezca una barra de desplazamiento en una tabla, dentro de una página HTML.
Creo que tiene que ver con el siguiente atributo (marcado en negrita) en las CSS: Código:
/* define height and width of scrollable area. Add 16px to width for scrollbar */ div.tableContainer { clear: both; border: 1px solid #963; height: 285px; overflow: auto; width: 756px ¿Es correcto? Saludos gente.
__________________
"El aprendizaje potencia la intuición" Yo mismo, en un momento de inspiración. v2.0 |
#2
|
||||
|
||||
Hola,
Creo que vas bien, pero (si no te funciona como esperas), prueba a incluir la tabla dentro de un contenedor (DIV) y aplica el estilo correspondiente a este último. |
#3
|
||||
|
||||
Pues yo diría que sí es correcto, suponiendo que tableContainer es un div que contiene a la tabla. Pero, si lo preguntas, ¿es por qué no te funciona?
// Saludos |
#4
|
||||
|
||||
Cita:
Código:
div.tableContainer { ... } |
#5
|
||||
|
||||
Última edición por dec fecha: 02-07-2007 a las 18:49:18. |
#6
|
||||
|
||||
En realidad estaba buscando la información sobre el tema, todavía no lo he probado con nada, y al usar la búsqueda avanzada tampoco ha salido nada.
En el google he encontrado esto y quería asegurarme, solo eso Gracias por las respuestas, ahora ya se que es lo que buscaba. Saludos.
__________________
"El aprendizaje potencia la intuición" Yo mismo, en un momento de inspiración. v2.0 |
#7
|
||||
|
||||
Lo interesante aquí (creo que alguna vez lo habíamos comentado) es como hacer que se desplacen las filas quedando fijos los encabezados. Lo lógico sería poner la propiedad overflow en el tbody de la tabla, pero- si no mal recuerdo, sólo funciona con IE.
// Saludos |
#8
|
||||
|
||||
Jaja, se han ganado un 10 todos, desconocía por completo este atributo, desde hoy dejo de matarme con los iframes.
Saludos. PD: No tienen algo más por ahi que me pueda servir? |
#9
|
||||
|
||||
Cita:
Saludos.
__________________
"El aprendizaje potencia la intuición" Yo mismo, en un momento de inspiración. v2.0 Última edición por papulo fecha: 03-07-2007 a las 09:33:16. |
#10
|
||||
|
||||
Cita:
Por otra parte, me parece que una tabla partida en dos, rompe con los estándares de usabilidad. Un lector de páginas, por ejemplo, no sabría que ambas tablas están relacionadas. // Saludos |
#11
|
||||
|
||||
Cita:
Por suerte es para un proyexto propio, usará todo quisqui el navegador que diga (firefox) y no tendré que preocuparme (en este caso) por los temas de usabilidad, pero tomo nota de tu anotación para aplicaciones futuras. Ahora bien ¿como lo resolverías tu elegantemente? Un saludo.
__________________
"El aprendizaje potencia la intuición" Yo mismo, en un momento de inspiración. v2.0 |
#12
|
||||
|
||||
Cita:
// Saludos |
#13
|
||||
|
||||
Puuueeees no se me había ocurrido, tan acostumbrado a hacer las aplicaciones con DELPHI, no había pensado en paginar.
Veré como queda y si me sastisface (y el jefe, que suele ser un tio cabal lo autoriza), lo usaré de ahora en adelante. Thanks Roman.
__________________
"El aprendizaje potencia la intuición" Yo mismo, en un momento de inspiración. v2.0 |
#14
|
||||
|
||||
Cita:
// Saludos |
#15
|
||||
|
||||
Cita:
__________________
"El aprendizaje potencia la intuición" Yo mismo, en un momento de inspiración. v2.0 |
#16
|
||||
|
||||
Con esto en la CSS:
Código:
.direccionescompany{ height: 120px; overflow: auto; } y esto en la página con el código: Código:
<div id="company_address_table" class="direccionescompany"> ...código de la tabla... </div>
__________________
"El aprendizaje potencia la intuición" Yo mismo, en un momento de inspiración. v2.0 |
#17
|
||||
|
||||
Y aquí tenemos como dejar el encabezado (header) fijo mediante CSS y de forma independiente del navegador que estemos utilizando.
El enlace es algo engorroso, y debido a mis limitaciones sobre el conocimiento del lenguaje, no he podido sacarlo en claro todavía, pero para los que sabeis mas que yo no os supondrá un problema. http://www.imaputz.com/cssStuff/bigFourVersion.html#
__________________
"El aprendizaje potencia la intuición" Yo mismo, en un momento de inspiración. v2.0 |
#18
|
||||
|
||||
Lo acabo de probar, pero no me funciona en IE 7. De cualquier forma habrá que darle un vistazo. Es curioso, porque justo ayer estaba acordándome de esto, y viendo la hoja de cálculo de Google, me fijé que incluso ello usan una tabla separada para los encabezados. O sea que no debe ser fácil.
// Saludos |
#19
|
||||
|
||||
A mi en firefox me funciona sin problemas, al menos el ejemplo de la página.
__________________
"El aprendizaje potencia la intuición" Yo mismo, en un momento de inspiración. v2.0 |
#20
|
||||
|
||||
¡Ah sí! En firefox funciona perfecto, y en Opera también.
// Saludos |
|
|
Temas Similares | ||||
Tema | Autor | Foro | Respuestas | Último mensaje |
Scroll en tabla html | halizia | PHP | 6 | 18-12-2006 13:43:00 |
Crear documento html con builder desde una tabla? | JuanErasmo | Internet | 2 | 03-02-2006 15:56:42 |
Scrollbar | jrgarlok | C++ Builder | 1 | 15-03-2005 16:36:11 |
ScrollBar | Mario1980 | Varios | 1 | 19-12-2004 23:00:03 |
Tabla Html pasarla a un StringGrid... | chelodelphi | Internet | 1 | 01-10-2004 09:32:50 |
|