Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[#1229] Grid, TreeGrid > 데이터 없을 경우 scrollbar 생기는 현상 #1230

Merged
merged 1 commit into from
Jun 30, 2022

Conversation

kimyell
Copy link
Collaborator

@kimyell kimyell commented Jun 30, 2022

####################

  • 데이터가 있을 땐 body 에 row 의 width 에 따라 overflow 적용됨
  • 데이터가 없을 때 전체 컬럼을 볼 수 있도록 display: table를 주어 header 의 width 에 따라 overflow 적용됨
  • 이때 header 의 마지막 컬럼 margin 값으로 인해 scroll 이 생기는데 데이터가 있을 때는 scroll 이 사라지는 문제 -> margin 값을 제거

#데이터 있을 때
image

#데이터 없을 때
[AS-IS]

image

[TO-BE]

image

####################
- 데이터가 있을 땐 body 에 row 의 width 에 따라 overflow 적용됨
- 데이터가 없을 때 전체 컬럼을 볼 수 있도록 `display: table`를 주어 header 의 width 에 따라 overflow 적용됨
- 이때 header 의 마지막 컬럼 margin 값으로 인해 scroll 이 생기는데 데이터가 있을 때는 scroll 이 사라지는 문제 -> margin 값을 제거
@kdeun1 kdeun1 merged commit 398b2b1 into 3.0 Jun 30, 2022
@kdeun1 kdeun1 deleted the 1229_scroll branch June 30, 2022 06:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants