html 테이블 고정 (table fixed)

by 조쉬 posted Nov 18, 2016
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

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"  => 텍스트 줄바꿈 처리 (개행): 한 단어라도 범위 안에서 개행이 되도록 처리