Hola a tod@s Hay una manera de hacer una tabla con scroll vertical, con una altura fija y posicionando de manera absoluta el tr del thead y del tfooter. El ejemplo en cssPlay:
http://www.cssplay.co.uk/menu/tablescroll.html Lo bueno es que no tienes que poner otra tabla dentro de un td, y mantienes la relación de las columnas entre la cabecera, el pié y el contenido. Un saludo El 20 de abril de 2012 10:51, Roberto Barreiro <rpbarre...@gmail.com>escribió: > Gracias a todos por las respuestas ...... lo pruebo a ver como lo soluciono > .... ya les contare el resultado > Salu2 > > El 19 de abril de 2012 16:50, Olivier Blázquez <obe...@gmail.com> > escribió: > > > Hola, > > > > A ver si te sirve esto: > > > > <tbody id='tbdetalle' style="overflow: scroll; height: 230px; width: > 200px; > > float: left;"> > > > > Un saludo > > > > El 19 de abril de 2012 16:49, Josué Miro <josuem...@gmail.com> escribió: > > > > > Hace muy poco tuve que hacer exactamente lo mismo, mezclar tablas y > Divs > > > :s (el principal problema es que hagas como lo hagas, lo mas probable > es > > > que no se vea bien en nuestro querido amigo explorer) > > > Lo que yo hice fue: en vez de usar tablas, utilizar div. > > > 1div cabecera > > > 1div cuerpo(overflow:scrol o autol) > > > > > > <div class="fila-tr"> > > > <div class="celda-td"></div> > > > <div class="celda-td"></div> > > > <div class="celda-td"></div> > > > </div> > > > <div class="fila-tr"> > > > <div class="celda-td"></div> > > > <div class="celda-td"></div> > > > <div class="celda-td"></div> > > > </div> > > > > > > De esta manera puedes darle con css las dimensiones que le estabas > dando > > a > > > los td y tr > > > > > > Espero haber transmitido la idea. Y que te sea util > > > Enviado desde mi iPad > > > > > > El 19/04/2012, a las 16:23, Daniel B <forosenla...@gmail.com> > escribió: > > > > > > > Me temo que en CSS no hay nada así. Por eso existen estas soluciones: > > > > > > > > http://www.imaputz.com/cssStuff/bigFourVersion.html > > > > > > > > Espero que te sirva. > > > > > > > > El 19 de abril de 2012 15:59, Roberto Barreiro <rpbarre...@gmail.com > > > >escribió: > > > > > > > >> Hola. > > > >> > > > >> Funcionar, funciona, pero el scroll se hace sobre el div y no sobre > la > > > >> tabla ..., al hacer el scroll se pierde la cabecera de la tabla > ..... > > y > > > no > > > >> encuentro la forma de hacer el scroll sobre la parte de la tabla que > > > >> contiene los datos .... > > > >> > > > >> Como no pueda solucionar esto, tendre que crear divs y maquetarlo de > > esa > > > >> forma .... lo unico que son datos tabulares y ponerlos en divs no es > > > >> correcto ... > > > >> > > > >> La verdad es que me extraña que no haya una propiedad css para hacer > > > scroll > > > >> dentro de una tabla, manteniendo el footer y el header ...... algun > > > >> javascritp que funcione bien en los principales navegadores??? > > > >> > > > >> salu2 > > > >> > > > >> > > > >> El 19 de abril de 2012 15:36, Jorge G <yeik...@gmail.com> escribió: > > > >> > > > >>> Hola, > > > >>> Pon la tabla dentro de un div y define el height, width que > necesitas > > > >>> y el overflow en scroll. > > > >>> Suerte. > > > >>> <div style="overflow: scroll; height:150px;"> > > > >>> <table id='tdetalle' summary='Detalle del pedido para la mesa' > > > >>> style="overflow: scroll; height:150px;" > > > > >>> <thead> > > > >>> > > > >>> </thead> > > > >>> > > > >>> <tfoot> > > > >>> > > > >>> </tfoot> > > > >>> > > > >>> <tbody id='tbdetalle' > > > > >>> <tr> > > > >>> <td width='55%'>Descripción</th> > > > >>> <td width='10%'>Cant.</th> > > > >>> <td width='10%'>P.V.P</th> > > > >>> </tr> > > > >>> > > > >>> </tbody> > > > >>> </table> > > > >>> </div> > > > >>> > > > >> _______________________________________________ > > > >> 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 > _______________________________________________ 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
