Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
Muchísimas gracias :) El 2 de marzo de 2010 14:35, Pablo de la Vega escribió: > listo tenia problemas con el hosting > > ya esta online nuevamente! > > Pablo > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
listo tenia problemas con el hosting ya esta online nuevamente! Pablo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
disculpa tengo problemas con el hosting, lamentablemente, a la brevedad estará solucionado. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
Pablo, disculpa, podrías poner de nuevo el código accesible?
El 27 de febrero de 2010 15:17, Ana Moya escribió:
> Muchas gracias Pablo, se lo pasaré al programador.
>
>
> El 27 de febrero de 2010 14:56, Pablo de la Vega escribió:
>
> Ana fijate aca
>>
>> http://www.avlog-host.com/PHP/ej_Tabla/tabla.php
>>
>> Es un ejemplo que acabo de hacer, si ves el codigo del archivo podes ver
>> bien todo
>>
>> vas a necesitar las sig. librerias que estan ahi
>>
>> jquery-1.3.1.min.js
>> http://www.avlog-host.com/PHP/ej_Tabla/jquery-1.3.1.min.js>
>> webtoolkit.scrollabletable.js
>> > http://www.avlog-host.com/PHP/ej_Tabla/webtoolkit.scrollabletable.js>
>> webtoolkit.jscrollable.js
>> > http://www.avlog-host.com/PHP/ej_Tabla/webtoolkit.jscrollable.js>
>>
>> y con la funcion
>>
>>1
>>2 $(document).ready(function(){
>>3 jQuery('#myTable2').Scrollable(300,350);
>>4 });
>>5
>>
>>
>> haces que quede haci, en la linea 3 en especial. la linea 2 es para que la
>> genere cuando se termino de cargar los datos.
>> en la linea 3 tenes dos valores 300 y 350, es el ancho y el alto de la
>> tabla.
>>
>> Saludos, cualquier cosa pregunte!
>>
>>
>>
>>
>>
>> El 27 de febrero de 2010 09:10, Ana Moya escribió:
>>
>> > De momento la solución que más se acerca al boceto es usando dos tablas
>> y
>> > un
>> > ancho en % a las columnas. No me entusiasma, pero el tiempo se me echa
>> > encima.
>> >
>> > Saludos
>> >
>> >
>> > El 26 de febrero de 2010 01:09, Pablo de la Vega > > >escribió:
>> >
>> > > Mañana subo un codigo de ejemplo y las librerias que tengo y se que
>> > andan!
>> > > saludos
>> > >
>> > > El 25 de febrero de 2010 21:00, stripTM escribió:
>> > >
>> > > > Gerardo Oscar Jimenez Tornos escribió:
>> > > > > Pásanos el código que funciona.
>> > > > >
>> > > > > A mí la solución que se me ocurre es montar dos tablas (una para
>> > > cabecera
>> > > > y
>> > > > > otra para contenido)
>> > > > > y con javascript recalcular el ancho de las columnas de la
>> cabecera.
>> > > > >
>> > > > La idea de dos tablas me chirría, la gracia está en que el marcado
>> sea
>> > > > correcto, con dos tablas me imagino que un lector de pantalla
>> 'leera'
>> > > > mal el contenido, o un bookmarlet* para ordenarlas no funcionará.
>> > > >
>> > > > *https://www.squarefree.com/bookmarklets/pagedata.html
>> > > >
>> > > > --
>> > > > Saludos -=stripTM=-
>> > > >
>> > > > ___
>> > > > Lista de distribución Ovillo
>> > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>> > > > Puedes modificar tus datos o desuscribirte en la siguiente
>> dirección:
>> > > > http://lists.ovillo.org/mailman/listinfo/ovillo
>> > > >
>> > >
>> > >
>> > >
>> > > --
>> > > Pablo de la Vega
>> > > Blog: www.avlog.com.ar
>> > > Twitter: @agevaled
>> > > ___
>> > > Lista de distribución Ovillo
>> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> > > http://lists.ovillo.org/mailman/listinfo/ovillo
>> > >
>> > ___
>> > Lista de distribución Ovillo
>> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> > http://lists.ovillo.org/mailman/listinfo/ovillo
>> >
>>
>>
>>
>> --
>> Pablo de la Vega
>> Blog: www.avlog.com.ar
>> Twitter: @agevaled
>> ___
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>
>
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
Muchas gracias Pablo, se lo pasaré al programador.
El 27 de febrero de 2010 14:56, Pablo de la Vega escribió:
> Ana fijate aca
>
> http://www.avlog-host.com/PHP/ej_Tabla/tabla.php
>
> Es un ejemplo que acabo de hacer, si ves el codigo del archivo podes ver
> bien todo
>
> vas a necesitar las sig. librerias que estan ahi
>
> jquery-1.3.1.min.js
> http://www.avlog-host.com/PHP/ej_Tabla/jquery-1.3.1.min.js>
> webtoolkit.scrollabletable.js
> http://www.avlog-host.com/PHP/ej_Tabla/webtoolkit.scrollabletable.js>
> webtoolkit.jscrollable.js
> http://www.avlog-host.com/PHP/ej_Tabla/webtoolkit.jscrollable.js>
>
> y con la funcion
>
>1
>2 $(document).ready(function(){
>3 jQuery('#myTable2').Scrollable(300,350);
>4 });
>5
>
>
> haces que quede haci, en la linea 3 en especial. la linea 2 es para que la
> genere cuando se termino de cargar los datos.
> en la linea 3 tenes dos valores 300 y 350, es el ancho y el alto de la
> tabla.
>
> Saludos, cualquier cosa pregunte!
>
>
>
>
>
> El 27 de febrero de 2010 09:10, Ana Moya escribió:
>
> > De momento la solución que más se acerca al boceto es usando dos tablas y
> > un
> > ancho en % a las columnas. No me entusiasma, pero el tiempo se me echa
> > encima.
> >
> > Saludos
> >
> >
> > El 26 de febrero de 2010 01:09, Pablo de la Vega > >escribió:
> >
> > > Mañana subo un codigo de ejemplo y las librerias que tengo y se que
> > andan!
> > > saludos
> > >
> > > El 25 de febrero de 2010 21:00, stripTM escribió:
> > >
> > > > Gerardo Oscar Jimenez Tornos escribió:
> > > > > Pásanos el código que funciona.
> > > > >
> > > > > A mí la solución que se me ocurre es montar dos tablas (una para
> > > cabecera
> > > > y
> > > > > otra para contenido)
> > > > > y con javascript recalcular el ancho de las columnas de la
> cabecera.
> > > > >
> > > > La idea de dos tablas me chirría, la gracia está en que el marcado
> sea
> > > > correcto, con dos tablas me imagino que un lector de pantalla 'leera'
> > > > mal el contenido, o un bookmarlet* para ordenarlas no funcionará.
> > > >
> > > > *https://www.squarefree.com/bookmarklets/pagedata.html
> > > >
> > > > --
> > > > Saludos -=stripTM=-
> > > >
> > > > ___
> > > > Lista de distribución Ovillo
> > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > >
> > >
> > >
> > >
> > > --
> > > Pablo de la Vega
> > > Blog: www.avlog.com.ar
> > > Twitter: @agevaled
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> Pablo de la Vega
> Blog: www.avlog.com.ar
> Twitter: @agevaled
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
Ana fijate aca
http://www.avlog-host.com/PHP/ej_Tabla/tabla.php
Es un ejemplo que acabo de hacer, si ves el codigo del archivo podes ver
bien todo
vas a necesitar las sig. librerias que estan ahi
jquery-1.3.1.min.js
http://www.avlog-host.com/PHP/ej_Tabla/jquery-1.3.1.min.js>
webtoolkit.scrollabletable.js
http://www.avlog-host.com/PHP/ej_Tabla/webtoolkit.scrollabletable.js>
webtoolkit.jscrollable.js
http://www.avlog-host.com/PHP/ej_Tabla/webtoolkit.jscrollable.js>
y con la funcion
1
2 $(document).ready(function(){
3 jQuery('#myTable2').Scrollable(300,350);
4 });
5
haces que quede haci, en la linea 3 en especial. la linea 2 es para que la
genere cuando se termino de cargar los datos.
en la linea 3 tenes dos valores 300 y 350, es el ancho y el alto de la
tabla.
Saludos, cualquier cosa pregunte!
El 27 de febrero de 2010 09:10, Ana Moya escribió:
> De momento la solución que más se acerca al boceto es usando dos tablas y
> un
> ancho en % a las columnas. No me entusiasma, pero el tiempo se me echa
> encima.
>
> Saludos
>
>
> El 26 de febrero de 2010 01:09, Pablo de la Vega >escribió:
>
> > Mañana subo un codigo de ejemplo y las librerias que tengo y se que
> andan!
> > saludos
> >
> > El 25 de febrero de 2010 21:00, stripTM escribió:
> >
> > > Gerardo Oscar Jimenez Tornos escribió:
> > > > Pásanos el código que funciona.
> > > >
> > > > A mí la solución que se me ocurre es montar dos tablas (una para
> > cabecera
> > > y
> > > > otra para contenido)
> > > > y con javascript recalcular el ancho de las columnas de la cabecera.
> > > >
> > > La idea de dos tablas me chirría, la gracia está en que el marcado sea
> > > correcto, con dos tablas me imagino que un lector de pantalla 'leera'
> > > mal el contenido, o un bookmarlet* para ordenarlas no funcionará.
> > >
> > > *https://www.squarefree.com/bookmarklets/pagedata.html
> > >
> > > --
> > > Saludos -=stripTM=-
> > >
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> >
> > --
> > Pablo de la Vega
> > Blog: www.avlog.com.ar
> > Twitter: @agevaled
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
Pablo de la Vega
Blog: www.avlog.com.ar
Twitter: @agevaled
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
De momento la solución que más se acerca al boceto es usando dos tablas y un ancho en % a las columnas. No me entusiasma, pero el tiempo se me echa encima. Saludos El 26 de febrero de 2010 01:09, Pablo de la Vega escribió: > Mañana subo un codigo de ejemplo y las librerias que tengo y se que andan! > saludos > > El 25 de febrero de 2010 21:00, stripTM escribió: > > > Gerardo Oscar Jimenez Tornos escribió: > > > Pásanos el código que funciona. > > > > > > A mí la solución que se me ocurre es montar dos tablas (una para > cabecera > > y > > > otra para contenido) > > > y con javascript recalcular el ancho de las columnas de la cabecera. > > > > > La idea de dos tablas me chirría, la gracia está en que el marcado sea > > correcto, con dos tablas me imagino que un lector de pantalla 'leera' > > mal el contenido, o un bookmarlet* para ordenarlas no funcionará. > > > > *https://www.squarefree.com/bookmarklets/pagedata.html > > > > -- > > Saludos -=stripTM=- > > > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > -- > Pablo de la Vega > Blog: www.avlog.com.ar > Twitter: @agevaled > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
Mañana subo un codigo de ejemplo y las librerias que tengo y se que andan! saludos El 25 de febrero de 2010 21:00, stripTM escribió: > Gerardo Oscar Jimenez Tornos escribió: > > Pásanos el código que funciona. > > > > A mí la solución que se me ocurre es montar dos tablas (una para cabecera > y > > otra para contenido) > > y con javascript recalcular el ancho de las columnas de la cabecera. > > > La idea de dos tablas me chirría, la gracia está en que el marcado sea > correcto, con dos tablas me imagino que un lector de pantalla 'leera' > mal el contenido, o un bookmarlet* para ordenarlas no funcionará. > > *https://www.squarefree.com/bookmarklets/pagedata.html > > -- > Saludos -=stripTM=- > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- Pablo de la Vega Blog: www.avlog.com.ar Twitter: @agevaled ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
Gerardo Oscar Jimenez Tornos escribió: > Pásanos el código que funciona. > > A mí la solución que se me ocurre es montar dos tablas (una para cabecera y > otra para contenido) > y con javascript recalcular el ancho de las columnas de la cabecera. > La idea de dos tablas me chirría, la gracia está en que el marcado sea correcto, con dos tablas me imagino que un lector de pantalla 'leera' mal el contenido, o un bookmarlet* para ordenarlas no funcionará. *https://www.squarefree.com/bookmarklets/pagedata.html -- Saludos -=stripTM=- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
Pásanos el código que funciona.
A mí la solución que se me ocurre es montar dos tablas (una para cabecera y
otra para contenido)
y con javascript recalcular el ancho de las columnas de la cabecera.
Un saludo
El 24 de febrero de 2010 21:34, Pablo de la Vega escribió:
> hay un plugin de jquery que hace eso yo lo tengo busca
>
> webtoolkit.scrollabletable.js
> webtoolkit.jscrollable.js
>
> en la pagina el ejemplo no se porke no funca pero yo lo estoy usando y
> funciona muy bien!
>
>
> El 24 de febrero de 2010 16:35, Ana Moya escribió:
>
> > Gracias, en un principio se me ocurrió utilizar un div con los titulos y
> el
> > contenido en una tabla, pero las columnas no pueden tener ancho fijo,
> > porque
> > no sé cuántas columnas serán. Pero por lo que veo en todos lados, la
> > solución pasa por eso mismo.
> >
> >
> > El 24 de febrero de 2010 19:04, Ignacio Ricci > >escribió:
> >
> > > Estuve probando un poco, porque me interesaba el problema.
> > > Lo mejor que conseguí fue esto:
> > >
> > > http://ignacioricci.com/alphas/test-tablas.html
> > >
> > > Funciona en Firefox, Opera y Safari.
> > > En Explorer directamente no anda en ninguna de las versiones, por eso
> > > agregue estilos para IE.
> > > Espero que te sirva, es lo mejor que pude hacer.
> > >
> > > Si tenés mas flexibilidad en la tabla, podrias no poner un , y
> > hacer
> > > un div con los títulos, y creo que ahí si sería crossbrowser.
> > >
> > > Saludos,
> > > Nacho
> > > [image: Ignacio Ricci - Designer + Developer]
> > >
> > >
> > > 2010/2/24 Ana Moya
> > >
> > > > Gracias por contestar, el problema es que el ancho de la columna no
> lo
> > > sé,
> > > > es una tabla de contenido dinámico.
> > > >
> > > >
> > > > 2010/2/24 Martín Szyszlican
> > > >
> > > > > Ana, por lo que tengo entendido, en FF eso genera un problema si
> los
> > TD
> > > > > tienenen border-top o border bottom, ya que hace scroll el
> contenido
> > > pero
> > > > > los bordes quedan quietos, generando problemas de legibilidad.
> > > > > Una solución sería hacer 3 tablas, una con el thead, otra con el
> > tbody
> > > y
> > > > > otra con el tfoot, y poner la tabla con el tbody dentro de un div
> con
> > > > > overflow auto.
> > > > > Sin embargo esto genera el problema de que el ancho de las celdas
> > tiene
> > > > que
> > > > > ser fijo para que sea igual en las tres tablas, para esto ponés una
> > > clase
> > > > a
> > > > > cada columna y le definís un ancho.
> > > > >
> > > > > Espero haber ayudado.
> > > > > Martín.
> > > > >
> > > > > 2010/2/24 Ana Moya
> > > > >
> > > > > > Hola, tengo que maquetar una tabla con un scroll en el tbody y
> que
> > la
> > > > > > cabecera se quede fija, siempre visible.
> > > > > >
> > > > > > He añadido al tbody
> > {height:270px;overflow-x:hidden;overflow-y:auto},
> > > > > pero
> > > > > > sólo funciona en FF.
> > > > > >
> > > > > > También he probado metiendo la tabla en un div, pero entonces
> > pierdo
> > > el
> > > > > > thead.
> > > > > >
> > > > > >
> > > > > > Gracias
> > > > > > Ana
> > > > > > ___
> > > > > > Lista de distribución Ovillo
> > > > > > Para escribir a la lista, envia un correo a
> > Ovillo@lists.ovillo.org
> > > > > > Puedes modificar tus datos o desuscribirte en la siguiente
> > dirección:
> > > > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > > > >
> > > > > ___
> > > > > Lista de distribución Ovillo
> > > > > Para escribir a la lista, envia un correo a
> Ovillo@lists.ovillo.org
> > > > > Puedes modificar tus datos o desuscribirte en la siguiente
> dirección:
> > > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > > >
> > > > ___
> > > > Lista de distribución Ovillo
> > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > >
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> Pablo de la Vega
> Blog: www.avlog.com.ar
> Twitter: @agevaled
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista d
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
hay un plugin de jquery que hace eso yo lo tengo busca
webtoolkit.scrollabletable.js
webtoolkit.jscrollable.js
en la pagina el ejemplo no se porke no funca pero yo lo estoy usando y
funciona muy bien!
El 24 de febrero de 2010 16:35, Ana Moya escribió:
> Gracias, en un principio se me ocurrió utilizar un div con los titulos y el
> contenido en una tabla, pero las columnas no pueden tener ancho fijo,
> porque
> no sé cuántas columnas serán. Pero por lo que veo en todos lados, la
> solución pasa por eso mismo.
>
>
> El 24 de febrero de 2010 19:04, Ignacio Ricci >escribió:
>
> > Estuve probando un poco, porque me interesaba el problema.
> > Lo mejor que conseguí fue esto:
> >
> > http://ignacioricci.com/alphas/test-tablas.html
> >
> > Funciona en Firefox, Opera y Safari.
> > En Explorer directamente no anda en ninguna de las versiones, por eso
> > agregue estilos para IE.
> > Espero que te sirva, es lo mejor que pude hacer.
> >
> > Si tenés mas flexibilidad en la tabla, podrias no poner un , y
> hacer
> > un div con los títulos, y creo que ahí si sería crossbrowser.
> >
> > Saludos,
> > Nacho
> > [image: Ignacio Ricci - Designer + Developer]
> >
> >
> > 2010/2/24 Ana Moya
> >
> > > Gracias por contestar, el problema es que el ancho de la columna no lo
> > sé,
> > > es una tabla de contenido dinámico.
> > >
> > >
> > > 2010/2/24 Martín Szyszlican
> > >
> > > > Ana, por lo que tengo entendido, en FF eso genera un problema si los
> TD
> > > > tienenen border-top o border bottom, ya que hace scroll el contenido
> > pero
> > > > los bordes quedan quietos, generando problemas de legibilidad.
> > > > Una solución sería hacer 3 tablas, una con el thead, otra con el
> tbody
> > y
> > > > otra con el tfoot, y poner la tabla con el tbody dentro de un div con
> > > > overflow auto.
> > > > Sin embargo esto genera el problema de que el ancho de las celdas
> tiene
> > > que
> > > > ser fijo para que sea igual en las tres tablas, para esto ponés una
> > clase
> > > a
> > > > cada columna y le definís un ancho.
> > > >
> > > > Espero haber ayudado.
> > > > Martín.
> > > >
> > > > 2010/2/24 Ana Moya
> > > >
> > > > > Hola, tengo que maquetar una tabla con un scroll en el tbody y que
> la
> > > > > cabecera se quede fija, siempre visible.
> > > > >
> > > > > He añadido al tbody
> {height:270px;overflow-x:hidden;overflow-y:auto},
> > > > pero
> > > > > sólo funciona en FF.
> > > > >
> > > > > También he probado metiendo la tabla en un div, pero entonces
> pierdo
> > el
> > > > > thead.
> > > > >
> > > > >
> > > > > Gracias
> > > > > Ana
> > > > > ___
> > > > > Lista de distribución Ovillo
> > > > > Para escribir a la lista, envia un correo a
> Ovillo@lists.ovillo.org
> > > > > Puedes modificar tus datos o desuscribirte en la siguiente
> dirección:
> > > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > > >
> > > > ___
> > > > Lista de distribución Ovillo
> > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > >
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
Pablo de la Vega
Blog: www.avlog.com.ar
Twitter: @agevaled
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
Gracias, en un principio se me ocurrió utilizar un div con los titulos y el
contenido en una tabla, pero las columnas no pueden tener ancho fijo, porque
no sé cuántas columnas serán. Pero por lo que veo en todos lados, la
solución pasa por eso mismo.
El 24 de febrero de 2010 19:04, Ignacio Ricci escribió:
> Estuve probando un poco, porque me interesaba el problema.
> Lo mejor que conseguí fue esto:
>
> http://ignacioricci.com/alphas/test-tablas.html
>
> Funciona en Firefox, Opera y Safari.
> En Explorer directamente no anda en ninguna de las versiones, por eso
> agregue estilos para IE.
> Espero que te sirva, es lo mejor que pude hacer.
>
> Si tenés mas flexibilidad en la tabla, podrias no poner un , y hacer
> un div con los títulos, y creo que ahí si sería crossbrowser.
>
> Saludos,
> Nacho
> [image: Ignacio Ricci - Designer + Developer]
>
>
> 2010/2/24 Ana Moya
>
> > Gracias por contestar, el problema es que el ancho de la columna no lo
> sé,
> > es una tabla de contenido dinámico.
> >
> >
> > 2010/2/24 Martín Szyszlican
> >
> > > Ana, por lo que tengo entendido, en FF eso genera un problema si los TD
> > > tienenen border-top o border bottom, ya que hace scroll el contenido
> pero
> > > los bordes quedan quietos, generando problemas de legibilidad.
> > > Una solución sería hacer 3 tablas, una con el thead, otra con el tbody
> y
> > > otra con el tfoot, y poner la tabla con el tbody dentro de un div con
> > > overflow auto.
> > > Sin embargo esto genera el problema de que el ancho de las celdas tiene
> > que
> > > ser fijo para que sea igual en las tres tablas, para esto ponés una
> clase
> > a
> > > cada columna y le definís un ancho.
> > >
> > > Espero haber ayudado.
> > > Martín.
> > >
> > > 2010/2/24 Ana Moya
> > >
> > > > Hola, tengo que maquetar una tabla con un scroll en el tbody y que la
> > > > cabecera se quede fija, siempre visible.
> > > >
> > > > He añadido al tbody {height:270px;overflow-x:hidden;overflow-y:auto},
> > > pero
> > > > sólo funciona en FF.
> > > >
> > > > También he probado metiendo la tabla en un div, pero entonces pierdo
> el
> > > > thead.
> > > >
> > > >
> > > > Gracias
> > > > Ana
> > > > ___
> > > > Lista de distribución Ovillo
> > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > >
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
Estuve probando un poco, porque me interesaba el problema.
Lo mejor que conseguí fue esto:
http://ignacioricci.com/alphas/test-tablas.html
Funciona en Firefox, Opera y Safari.
En Explorer directamente no anda en ninguna de las versiones, por eso
agregue estilos para IE.
Espero que te sirva, es lo mejor que pude hacer.
Si tenés mas flexibilidad en la tabla, podrias no poner un , y hacer
un div con los títulos, y creo que ahí si sería crossbrowser.
Saludos,
Nacho
[image: Ignacio Ricci - Designer + Developer]
2010/2/24 Ana Moya
> Gracias por contestar, el problema es que el ancho de la columna no lo sé,
> es una tabla de contenido dinámico.
>
>
> 2010/2/24 Martín Szyszlican
>
> > Ana, por lo que tengo entendido, en FF eso genera un problema si los TD
> > tienenen border-top o border bottom, ya que hace scroll el contenido pero
> > los bordes quedan quietos, generando problemas de legibilidad.
> > Una solución sería hacer 3 tablas, una con el thead, otra con el tbody y
> > otra con el tfoot, y poner la tabla con el tbody dentro de un div con
> > overflow auto.
> > Sin embargo esto genera el problema de que el ancho de las celdas tiene
> que
> > ser fijo para que sea igual en las tres tablas, para esto ponés una clase
> a
> > cada columna y le definís un ancho.
> >
> > Espero haber ayudado.
> > Martín.
> >
> > 2010/2/24 Ana Moya
> >
> > > Hola, tengo que maquetar una tabla con un scroll en el tbody y que la
> > > cabecera se quede fija, siempre visible.
> > >
> > > He añadido al tbody {height:270px;overflow-x:hidden;overflow-y:auto},
> > pero
> > > sólo funciona en FF.
> > >
> > > También he probado metiendo la tabla en un div, pero entonces pierdo el
> > > thead.
> > >
> > >
> > > Gracias
> > > Ana
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
Gracias por contestar, el problema es que el ancho de la columna no lo sé,
es una tabla de contenido dinámico.
2010/2/24 Martín Szyszlican
> Ana, por lo que tengo entendido, en FF eso genera un problema si los TD
> tienenen border-top o border bottom, ya que hace scroll el contenido pero
> los bordes quedan quietos, generando problemas de legibilidad.
> Una solución sería hacer 3 tablas, una con el thead, otra con el tbody y
> otra con el tfoot, y poner la tabla con el tbody dentro de un div con
> overflow auto.
> Sin embargo esto genera el problema de que el ancho de las celdas tiene que
> ser fijo para que sea igual en las tres tablas, para esto ponés una clase a
> cada columna y le definís un ancho.
>
> Espero haber ayudado.
> Martín.
>
> 2010/2/24 Ana Moya
>
> > Hola, tengo que maquetar una tabla con un scroll en el tbody y que la
> > cabecera se quede fija, siempre visible.
> >
> > He añadido al tbody {height:270px;overflow-x:hidden;overflow-y:auto},
> pero
> > sólo funciona en FF.
> >
> > También he probado metiendo la tabla en un div, pero entonces pierdo el
> > thead.
> >
> >
> > Gracias
> > Ana
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
Ana, por lo que tengo entendido, en FF eso genera un problema si los TD
tienenen border-top o border bottom, ya que hace scroll el contenido pero
los bordes quedan quietos, generando problemas de legibilidad.
Una solución sería hacer 3 tablas, una con el thead, otra con el tbody y
otra con el tfoot, y poner la tabla con el tbody dentro de un div con
overflow auto.
Sin embargo esto genera el problema de que el ancho de las celdas tiene que
ser fijo para que sea igual en las tres tablas, para esto ponés una clase a
cada columna y le definís un ancho.
Espero haber ayudado.
Martín.
2010/2/24 Ana Moya
> Hola, tengo que maquetar una tabla con un scroll en el tbody y que la
> cabecera se quede fija, siempre visible.
>
> He añadido al tbody {height:270px;overflow-x:hidden;overflow-y:auto}, pero
> sólo funciona en FF.
>
> También he probado metiendo la tabla en un div, pero entonces pierdo el
> thead.
>
>
> Gracias
> Ana
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Tabla con scroll en tbody y el thead fijo
Hola, tengo que maquetar una tabla con un scroll en el tbody y que la
cabecera se quede fija, siempre visible.
He añadido al tbody {height:270px;overflow-x:hidden;overflow-y:auto}, pero
sólo funciona en FF.
También he probado metiendo la tabla en un div, pero entonces pierdo el
thead.
Gracias
Ana
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
