opensubscriber
   Find in this group all groups
 
Unknown more information…

o : ovillo@lists.ovillo.org 28 April 2012 • 1:25PM -0400

Re: [Ovillo] OVERFLOW en tabla
by Jose María Jareño García

REPLY TO AUTHOR
 
REPLY TO GROUP



     Hola de nuevo.

     Me acabo de topar con una joyita para controlar el scroll. ¡Fuuuu!

http://jscrollpane.kelvinluck.com/basic.html


El 20 de abril de 2012 12:08, Beatriz Herráez Rodríguez <
beaherraez@gmai...> escribió:

> 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 <rpbarreiro@gmai...
> >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 <obeces@gmai...>
> > 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 <josuemiro@gmai...>
> 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 <forosenlared@gmai...>
> > 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 <
> rpbarreiro@gmai...
> > > > >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 <yeiko10@gmai...>
> 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@list...
> > > > >> 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@list...
> > > > > 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@list...
> > > > 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@list...
> > > 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@list...
> > 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@list...
> 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@list...
Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo

Bookmark with:

Delicious   Digg   reddit   Facebook   StumbleUpon

Related Messages

opensubscriber is not affiliated with the authors of this message nor responsible for its content.