Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: querypie/querypie-docs
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: main
Choose a base ref
...
head repository: querypie/querypie-docs
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: jk/fix-css-for-table
Choose a head ref
Checking mergeability… Don’t worry, you can still create the pull request.
  • 1 commit
  • 3 files changed
  • 1 contributor

Commits on Dec 18, 2025

  1. fix: 테이블이 main element 폭을 초과하는 문제 수정 

    ## Description

문서 페이지의 테이블이 main element의 폭을 초과하여 오른쪽 일부가 가려지는 문제를 수정합니다.

### 문제 현상
- main element의 폭(832px)보다 테이블의 실제 콘텐츠 폭(1557px, 920px)이 더 넓게 렌더링됨
- thead의 첫 번째 행은 main element 폭에 맞게 그려지지만, tbody의 이후 행들은 더 넓게 그려짐
- 테이블 오른쪽 일부가 가려져서 내용을 확인할 수 없음

### 해결 방안
- `globals.css`에 테이블 스타일 규칙 추가: table을 `display: block`으로 설정하고 `overflow-x: auto` 적용
- `table-width-fix.tsx` 컴포넌트 추가: thead의 열 너비를 계산하여 tbody의 모든 행에 동일하게 적용
- `layout.tsx`에 `TableWidthFix` 컴포넌트 추가하여 모든 페이지에서 자동 실행

## Additional notes
- 총 3개 파일 변경 (165줄 추가, 1줄 삭제)
- GFM 마크다운 테이블과 HTML 테이블 모두 지원
- 윈도우 리사이즈 시에도 열 너비 동기화 유지
    @jk-kim0
    jk-kim0 committed Dec 18, 2025
    Configuration menu
    Copy the full SHA
    c83ce51 View commit details
    Browse the repository at this point in the history
Loading