Jquery sortable border collapse chrome safari

Question

I am using jQuery sortable() in a table with border-collapse: collapse . Something strange happens with line spacing in Chrome and Safari. This is similar to IE, FF and Opera.

Here is an example: http://jsfiddle.net/benstenson/LMqNH/

• border-collapse: separate is one option.

• Calling $('table').hide.show(0) in the sortable () stop event is another option.

Does anyone know what the problem is?

Here is a screenshot after moving the lines around.

Answer 1

I have been working on this for a while. The closest I could achieve is this:

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

I changed CSS a bit to put the border on something else, and it looks pretty close, if not quite what you want.

Hope this helps.