Dynamic Table (동적 테이블) ROW(열) 삽입 크로스브라우징

동적 테이블을 만드는중 다른 쪽은 전부 정상적으로 작동하는데 열 삽입이 Internet Explorer(IE) 계열과 타 브라우저들이 다르게 들어가는것을 알수 있다.

IE와 타계열 브라우저(크롬, 사파리, 파폭등...)들을 비교하였을때 행, 열이 반대로 삽입 되는것을 알수 있다.

이 경우에 필요한 내용은 브라우저를 판별하는 코드와 행, 열이 반대로 들어가는 내용을 처리하는 내용 두가지만 있으면 간단히 해결된다.

물론 insertCell(-1)이나, insertRow(-1)로 최하단으로 가게 하거나 0을 넣어 최상단으로 가게 하는 방법으로 해결될수 있다.

이방법은 index 값을 -1이나 0을 주지 않는 특별한 상황에서 응용을 할수 있는 방법이라 보면 될거 같다.

언제나 느끼는거지만 이런 블로그 하나 쓰는것이 너무 오래걸리는듯-_-;

예제 파일은 다음과 같다.

rowtest.html