html 테이블 고정 (table fixed)

IE에서 동적으로 버튼을 추가하도록 자바스크립트를 만들었는데 테이블의 사이즈가 자꾸 변경되어 테이블 고정되도록 작성하였습니다.

<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"  => 텍스트 줄바꿈 처리 (개행): 단어 깨짐

style="word-break:keep-all"  => 텍스트 줄바꿈 처리 (개행): 단어 깨지지 않음 

출처: http://www.w3schools.com/cssref/css3_pr_word-break.asp