IE9 내용이 많은 테이블 Cell 한칸씩 밀리는 버그 수정

IE9에서 내용이 많은 Big 테이블을 Ajax로 불러들일대 Cell이 한 칸씩 밀리는 버그가 있다.

<td> 사이에 공백이나 개행문자가 있으면 발생한다.

아래와 같이 해결한다. (jQuery를 사용할 경우의 코드임)

if ( $.browser.msie ) {
    var expr = new RegExp('>[ \t\r\n\v\f]*<', 'g');
    $('#테이블_감싼_DIV').html( ($('#테이블_감싼_DIV').html() + "").replace(expr, '><')  );
}

※ new RegExp('>[ \t\r\n\v\f]*<', 'g'); 이 정규식은 HTML 코드 >와 < 사이에 있는 공백, 탭, 개행문자 등을 모두 제거하라는 의미다.

여러모로 IE는 우리 개발자를 사랑하신다. ㅠㅠ

출처 : http://stackoverflow.com/questions/7267014/ie9-table-has-random-rows-which-are-offset-at-random-columns