기존 플라스크 애플리케이션에 반응 그리드를 통합하고 있습니다. 이를 수행하려면 사용자 정의 웹팩 구성을 사용하여 애플리케이션을 컴파일해야 합니다. 반응 구성 요소를 성공적으로 렌더링할 수 있지만 반응 그리드를 사용하고 오버플로: 스크롤을 적용하면 테이블의 보이는 부분만 렌더링되고 나머지 스크롤 영역은 공백으로 유지됩니다.
오버플로 스크롤이 활성화된 React Grid의 gif를 보려면 여기를 클릭하세요
오버플로 스크롤 없이 React Grid의 gif를 보려면 여기를 클릭하세요
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이 문제를 해결했습니다. 요소를 검사하여 브라우저에서 오버플로: 스크롤을 설정했습니다. Reactgrid는 구성 요소가 처음 렌더링될 때 계산을 위해 미리 정의된 너비를 사용하는 것 같습니다. 오버플로 설정: CSS 파일을 스크롤하고 페이지를 다시 로드하면 문제가 해결되었습니다.