Page 1 of 1

display 속성 변경시에 colspan 속성이 사라짐

Posted: 2009 10 19 17:23 01
by windria
<html>
<head>
<script type="text/javascript" language="javascript">
<!--
function toggle ( id )
{
var obj = document.getElementById ( id );

if ( obj.style.display != "block" )
obj.style.display = "block";
else
obj.style.display = "none";
}
//-->
</script>
</head>
<body>
<table border="1" style="width:200px">
<col style="width:20px"/>
<col/>
<tr>
<td style="width:20px">&nbsp;</td>
<td onclick="toggle('tt')">Show/Hide</td>
</tr>
<tr>
<td id="tt" colspan="2">
ㅎㅎ몬ㅇ리ㅏㅁㄴ와롬ㄴ이ㅏㅗㄹ민옮ㄴ오라ㅣㅣ몬ㅇㄹ마ㅣㅗㅇ
ㄴ오림ㄴ오리몬ㅇ롬ㄴ이ㅏ뢰만오라몬이ㅏㅗㄻㄴ어룀ㄴ오림ㄴ오리
</td>
</tr>
</table>
</body>
</html>

Re: display 속성 변경시에 colspan 속성이 사라짐

Posted: 2009 10 20 18:49 01
by hyeonseok
td의 기본 display값은 block이 아니라 table-cell입니다.

IE와의 호환을 위해서는 "" 이렇게 blank 값을 주면 쉽게 해결 됩니다. if 절도 block을 체크하지 말고 none을 체크 하셔야 겠네요.

Re: display 속성 변경시에 colspan 속성이 사라짐

Posted: 2009 11 06 15:38 32
by Seeker
셀을 보이지 않게 하려면
width:0 ; overflow:hidden
을 주세요.

display:none 는 html 구조에서 아예 제외시켜버기리 때문에 row/colspan 과 충돌이 일어납니다.