2026, 새로운 도약을 시작합니다.

dialog 작업 중 div 내 table 삽입시 table 튕기는 문제

안녕하세요.

jquery 를 이용한 dialog 를 만들어보고 있습니다.

dialog 를 click 이벤트로 화면에 modal 방식으로 출력은 잘되고 있는데 내용 표시에서 어려움을 겪고 있습니다.


<div id="dialog">

<table>

<tr>

<td>12345</td>

</tr>

</table>

</div>


위 처럼.. div 내에 table 을 넣으니 table 내용이 div 를 벗어나서 화면 외각으로 튕겨져 나와있습니다.

물론 dialog 를 click 해서 열어보면 텅~ 비어있는 dialog 만 덩그러니 올라옵니다.


<div id="dialog">

12345

</div>


이와 같이 작성시에는 dialog 와 함께 잘 올라옵니다.

dialog 작업시에는 다른 방법이 있는건지? 아니면 저 방법 자체가 문제가 있는건지 궁금합니다.

답변 1개

저도 안해봐서 잘 모르겠는데..
div를 없애고 <table id="dialog"> 이런식으로 하면 어떻게 나올까요?
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

감사합니다.
div 만으로는 해결 못하고 알려주신 방법으로 해결 하였습니다.
나중에 코드 최적화 작업할때 해당 부분 다시 한번 찾아서 수정해보도록 해야겠네요.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고