"table-layout:fixed" 라는 속성을 테이블에 적용하시면
브라우져가 tr을 읽어내는 즉시 화면에 뿌려줍니다.
(원래는 </table>까지 읽어야지 뿌려주죠? ^_^)

쓰는 방법은,

<table style="table-layout:fixed" width=500>
<col width=100><col width=200><col width=200>
<tr>
<td>내용</td>
<td>내용</td>
<td>내용</td>
</tr>
</table>


tr이 몇십개 되지 않는(그래서 금방 로딩되는) 테이블에서는 빨라진걸 모를수도 있으니
tr이 수천/수만개되는 테이블을 직접 만들어서 테스트해보세요....-_-

col 태그에 width값이 있거나 처음 td에 width값이 있는 경우에 적용됩니다.



word-break:break-all;

<table width=100>
<tr>
<td>11111111111111111(엄청길게)</td>
</tr>
</table>

하면 깨지는건 당연하다.

하지만 이건 style 로 수정할 수 있다.

<td width=100% style='word-break:break-all;'>

이렇게 고치면 테이블이 고정된다.

Posted by 알 수 없는 사용자
,