div 태그사용시...
div 태그의 display:none 옵션을 사용하기 위해서
<div display:none> 간단한 내용... <div>는 내용이 사라집니다.
<div display:none>
<tr><td>
.
.
긴내용
</td></tr>
</div>
이렇게 테스트를 해보았는데 간단한? 내용은 태그 기능이 동작하여 내용이 사라지는데,,
테이블의 행을 숨기기 위해서 비교적 긴행의 tr 태그 앞뒤에 div를 넣으니 사라지지가 않습니다.
특별한 이유가 있는지 궁금합니다.
늘 도움에 감사드립니다.
<div display:none> 간단한 내용... <div>는 내용이 사라집니다.
<div display:none>
<tr><td>
.
.
긴내용
</td></tr>
</div>
이렇게 테스트를 해보았는데 간단한? 내용은 태그 기능이 동작하여 내용이 사라지는데,,
테이블의 행을 숨기기 위해서 비교적 긴행의 tr 태그 앞뒤에 div를 넣으니 사라지지가 않습니다.
특별한 이유가 있는지 궁금합니다.
늘 도움에 감사드립니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 9개
<div style="display:none;">
이렇게 쓰셔야 합니다.
tr에서도 style="display:none" 넣어주시면 숨김 될거에요
저렇게 되는건 tag 상으로는 div안에 tr이 있지만 실제 브라우저 해석에서 보면
div랑 table tr이 완전 따로 놀아서 감싸주지 못하고 있는 상황이라 그렇습니다
tr들을 div로 감싸니까 없어지지 않는데, 실제 브라우저에서는 tr들은 감싸주지 못한다는 뜻인가요?
tr도 개별적으로는 없어지는데 감춰야 하는 행이 많습니다. 한꺼번에 div로 감쌌을경우 전혀 사라지지가 않습니다. 어디가 잘못되었는지 난감합니다.ㅡ.ㅡ
table 내부에 tr을 감싸는 div가 존재하지 않기 때문에
그런식으로 처리는 불가능합니다
table 내부에 tr 내부에 td 안에 div는 있을 수도 있지요
<tr style="display:none;">
이게 힘들다면 jQuery로 해당 tr 잡으셔서 .hide() 해주시는게 차선책이긴 하고요.
tr에 각각 하셔야 됩니다.
따라서 자바스크립트나 PHP 반복문으로 한번에 처리하셔야 되는데
해당 부분 소스오픈하시면 코드 작성해 드리겠습니다.
저도 이것때문에 좋은 방법 찾아보느라 이것저것 시도해 봐서 원하는 부분을 알거 같네요
아니면 테이블을 분리하시는 수 밖에
다소 찝찝함이 남지만 동작하니 다행인듯 싶습니다
말씀해주신 jquery방법이나 다른방법이 있는지 조금더 공부해봐야 할것 같습니다.
답변주셔서 감사합니다.
예를 들면 다음과 같습니다.
<table>
<tbody style='display:none'>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
</tbody>
<tbody>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
</tbody>
</table>