2011-12-13 3 views
6

border-collapse: collapse이있는 테이블에 sortable() jQuery를 사용하고 있습니다. Chrome과 Safari에서 행 사이의 간격이 이상하게 생깁니다. IE, FF, & Opera에서 괜찮아 보입니다. http://jsfiddle.net/benstenson/LMqNH/jquery sortable border safari 크롬 사파리

  1. border-collapse: separate 하나 개의 옵션입니다 : 여기

    은 예입니다.

  2. sortable() 중지 이벤트에서 $('table').hide.show(0)을 호출하는 또 다른 옵션입니다.

누구나 무슨 문제인지 알고 계십니까?

다음은 행을 이동 한 후의 스크린 샷입니다.

enter image description here

+0

jsfiddle (데비안의 Chromium 13)을 볼 때 분명히 잘못된 것이 보이지 않습니다. 자세한 정보를 제공 할 수 있습니까? – simon

+0

@simon 내부 행 (2 또는 3과 같은) 중 하나를 재정렬 할 때 문제가 발생한다고 생각합니다. 하나 이상의 행 사이의 테두리 크기를 두 배로 늘립니다. 결과적으로 행 사이에 공백이 만들어집니다. – Benjamin

+0

@ Benjamin 문제를 확인할 수는 있지만 해결 방법이없는 것 같습니다. 이것과 관련되어 보이지만 해결책은 작동하지 않습니다 : http://forum.jquery.com/topic/sortable-problem-on-chrome-browser. 내가 그 작품을 찾은 유일한 일은 td 국경을 완전히 제거하는 것입니다! 분명히 이상하지 않다 ... – mutex

답변

2

나는 잠시 동안이 작업을 했어요.

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

내가 다른 일에 국경을 넣어 CSS 약간의 변화 그리고 당신이 원하는 정확히 어떤 경우에 아주 가까이 보인다 : 나는 달성 할 수 있었던 가장 가까운이있다.

희망이 있습니다.

+0

멋지다. 나는 HTML을 수정 하기엔 너무 많은 장소에있을 것이라고 생각한다. 나는 누군가에게 유용 할 것이라고 확신한다. 나를 위해 그것을 망칠 정도로 긴급하지 않습니다. 나는 실제로 문제를 일으키는 것을 이해하거나 향후 jQuery 나 Chrome에서 수정 된 것을 보길 원합니다. 감사! – Benjamin