2011-12-13 12 views
6

Estoy usando jQuery sortable() en una tabla con border-collapse: collapse. Algo extraño sucede con el espacio entre las filas en Chrome y Safari. Parece estar bien en IE, FF, & Opera.jquery sortable border collapse cromo safari

Aquí se muestra un ejemplo: http://jsfiddle.net/benstenson/LMqNH/

  1. border-collapse: separate es una opción.

  2. Llamando $('table').hide.show(0) en el evento de parada sortable() es otra opción.

¿Alguien sabe cuál es el problema?

Aquí hay una captura de pantalla después de mover las filas.

enter image description here

+0

no veo nada obviamente incorrecto cuando veo que jsfiddle (Chromium 13 en Debian) - ¿puedes dar más información? – simon

+0

@simon Creo que el problema ocurre cuando reordena una de las filas internas (como 2 o 3): duplica el tamaño del borde entre una o más filas. Finalmente, incluso crea espacios en blanco entre las filas. – Benjamin

+0

@Benjamin Puedo confirmar su problema, pero no veo ninguna solución que funcione. parece relacionado con esto, pero su solución no funciona: http://forum.jquery.com/topic/sortable-problem-on-chrome-browser. ¡Lo único que he encontrado que funciona es eliminar completamente el borde del td! obviamente no es ideal ... – mutex

Respuesta

2

He estado trabajando en esto durante un tiempo. Lo más cerca que he sido capaz de lograr esto es:

http://jsfiddle.net/rogerblanton/EtC2E/1/

me cambió un poco de la CSS para poner la frontera en algo diferente y se ve bastante cerca, si no exactamente lo que quiere.

Espero que ayude.

+0

¡Qué bueno que lo tienes funcionando! Creo que estaría en demasiados lugares para cambiar el html como solución. Sin embargo, estoy seguro de que será útil para alguien. Para mí no es lo suficientemente urgente como para meterme con eso. Prefiero entender qué es lo que realmente causa el problema o verlo reparado en jQuery o Chrome futuros. ¡Gracias! – Benjamin

Cuestiones relacionadas