# 사용자 목록 테이블이 부모 div를 벗어나나요?

**URL:** <https://meta.discourse.org/t/user-list-tables-overflowing-parent-div/179600>\
**Category:** UX\
**Created:** [2월 13, 2021, 8:19오후 UTC](https://meta.discourse.org/t/user-list-tables-overflowing-parent-div/179600 "2021-02-13T20:19:18Z")\
**Posts on this page:** 1\
**Showing post:** 11

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2월 19, 2021, 11:49오후 UTC](https://meta.discourse.org/t/user-list-tables-overflowing-parent-div/179600/11 "2021-02-19T23:49:02Z")

</div>

이는 무한 스크롤과 넓은 테이블에서 발생하는 일부 문제를 보여줍니다… 여기서 시연해 보겠습니다:

현재 동작 방식은 이러한 경우 애플리케이션 전체가 가로로 스크롤되도록 되어 있습니다… 보통 이를 피하려 하지만, 영상의 후반부를 보면 이 문제를 해결하는 것이 오히려 상황을 악화시킬 수 있는 경우가 있음을 알 수 있습니다. 오버플로우를 숨기고 테이블 오버플로우만 가로 스크롤할 수 있도록 가로 스크롤바를 추가하면, 스크롤바가 테이블의 _아래_에 위치하며 뷰포트 하단에 고정되지 않습니다… 따라서 새로고침을 통해 새 결과를 로드하는 동안 스크롤바에 도달하기가 매우 어렵습니다.

오버플로우가 발생하는 테이블 상단에 일부 JavaScript를 사용하여 별도의 스크롤바를 추가하는 것이 가장 좋은 옵션이 될 것 같습니다.

---

_[View the full topic](https://meta.discourse.org/t/user-list-tables-overflowing-parent-div/179600)._