자바스크립트/jQuery
IE9 내용이 많은 테이블 Cell 한칸씩 밀리는 버그 수정
finkle
2012. 3. 30. 22:21
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는 우리 개발자를 사랑하신다. ㅠㅠ