IE에서 동적으로 버튼을 추가하도록 자바스크립트를 만들었는데 테이블의 사이즈가 자꾸 변경되어 테이블 고정되도록 작성하였습니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <table width="600px" style="table-layout:fixed" border="1"> <colgroup> <col width="100px" style="word-break:break-all" /> <col width="500px"/> </colgroup> <tr> <th>항목1</th> <td colspan="3">테스트 문구1 입니다.</td> </tr> <tr> <th>항목2</th> <td colspan="3">테스트 문구2 입니다.</td> </tr> <tr> <th>항목3</th> <td colspan="3">테스트 문구3 입니다.</td> </tr></table> |
아래 부분을 확인하세요.
style="table-layout: fixed"
style="word-break:break-all" => 텍스트 줄바꿈 처리 (개행): 한 단어라도 범위 안에서 개행이 되도록 처리
