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 <[email protected]>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 <[email protected]> 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 <[email protected] > > >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 <thead>, 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 <[email protected]> > > > > > > > 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 <[email protected]> > > > > > > > > > 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 <[email protected]> > > > > > > > > > > > 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 > > [email protected] > > > > > > 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 > [email protected] > > > > > 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 [email protected] > > > > 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 [email protected] > > > 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 [email protected] > > 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 [email protected] > 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 [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
