* 증상
테이블의 특정 TD에 jQuery의 text(arg) 함수를 사용하여 값을 삽입하는데,
테이블의 셀을 가로지르는 불필요한 선들이 불규칙하게 생성되었다.
(아래 그림에서 원래 이중실선이 아닌데 아래와 같이 렌더링 되었음)
오직 IE 에서만 이 문제가 발생한다. (IE 진짜.. 어후 그냥 -_-+...)
* 원인
jQuery selector 의 잘못된 사용 때문이었다.
$('.trClass01 > td:eq(0)').text('문자열');
이렇게 하면 해당 클래스를 갖는 모든 tr의 첫 번째 td에 문자열이 삽입될거라고 생각했는데,
첫 번째 tr에의 첫 td에만 문자열이 삽입되고 위와 같은 렌더링 오류를 낸 것이다.
(아직 잘 모르겠지만 아무튼 selector를 잘못 쓴 것 같다)
$('.trClass01 > .tdClass01').text('문자열');
그래서 좀 더 명시적으로 이와 같이 selector를 작성하니 원하는 대로 문자열이 삽입되고,
렌더링 오류도 수정되었다.
* 후기
문자열 삽입이 정상적으로 이루어진 후에도 딱 한 개 불필요한 선이 가로지르는 경우가 있었는데
혹시 jQuery의 show() 메서드도 IE와 궁합이 맞지 않는 건 아닌지 궁금하다.