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
