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