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
Re: [Ovillo] Fwd: Blockquote y parrafos
Buenos días, creo que estais mareando la perdiz con la etiqueta para poder validar el XHTML strict el código seria así ejemplo de la etiqueta blockquote Este código si te lo valida w3c un saludo ___ 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] Fwd: Blockquote y parrafos
No sé de donde sacas que un elemento de bloque no debería contener otro elemento de bloque. No puedes construir una página si no puedes meter elementos de bloque dentro de otros elementos de bloque, supongo que no he entendido algo o querías decir otra cosa. Creo que en "xhtml strict" hay que poner un p o algún otro elemento de bloque dentro del blockquote para que valide, a mi me ha ocurrido con "xhtml mobile profile". En los ejemplos de la w3c sobre blockquote también aparece así. http://www.w3.org/TR/html401/struct/text.html#h-9.2.2 ___ 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
