2011-12-13 7 views
6

Sto usando jQuery sortable() su un tavolo con border-collapse: collapse. Succede qualcosa di strano con la spaziatura tra le righe in Chrome e Safari. Sembra ok in IE, FF, & Opera.jquery border irregolare crollo safari safari

Ecco un esempio: http://jsfiddle.net/benstenson/LMqNH/

  1. border-collapse: separate è un'opzione.

  2. Chiamare $('table').hide.show(0) sull'evento di arresto sortable() è un'altra opzione.

Qualcuno sa qual è il problema?

Ecco uno screenshot dopo aver spostato le righe.

enter image description here

+0

non vedo nulla di evidentemente sbagliato quando vedo quel jsfiddle (Chromium 13 su Debian) - puoi dare maggiori informazioni? – simon

+0

@simon Penso che il problema si verifichi quando riordini una delle file interne (come 2 o 3) - raddoppia le dimensioni del bordo tra una o più righe. Alla fine crea persino uno spazio bianco tra le righe. – Benjamin

+0

@Benjamin I può confermare il problema, ma non vede alcuna soluzione che funzioni. sembra relativo a questo, ma la loro soluzione non funziona: http://forum.jquery.com/topic/sortable-problem-on-chrome-browser. L'unica cosa che ho trovato che funziona è rimuovere completamente il bordo td! non è ovviamente l'ideale ... – mutex

risposta

2

Ho lavorato su questo per un po '. Il più vicino sono stato in grado di raggiungere è questo:

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

ho cambiato un po 'di CSS per mettere il confine a qualcosa di diverso e sembra molto vicino, se non esattamente quello che vuoi.

Spero che aiuti.

+0

è bello che tu abbia funzionato! Penso che sarei in troppi posti per cambiare l'html come una soluzione. Sono sicuro che sarà utile a qualcuno però. Per me non è abbastanza urgente pasticciarlo. Preferirei capire cosa effettivamente causa il problema o vederlo risolto in futuro jQuery o Chrome. Grazie! – Benjamin