AI 분석
1,000행·36열 성과 매트릭스 표를 가상화 스크롤, 고정 열, 열 크기 조절과 함께 시연하는 데이터 그리드 컴포넌트다.
어두운 그라데이션 배경 중앙에 브라우저 창 목업을 두고, 그 위에 큰 헤드라인과 기능 이름을 담은 알약형 배지를 배치한 쇼케이스 구성이다. 표는 흰 배경에 얇은 회색 구분선, 산세리프 헤더와 모노스페이스 숫자 셀을 써서 정보 밀도가 높아도 정돈돼 보인다. 왼쪽 행 번호·아바타가 붙은 이름 열과 오른쪽 합계 열이 고정된 채 가운데 지표 열만 가로로 스크롤되며, 헤더에는 정렬 아이콘과 고정 해제 아이콘, 상단에는 열 페이지 이동 버튼이 있다. 프레임은 가상화된 세로 스크롤, 고정 열 가로 스크롤, 열 너비 조절 순서로 기능을 보여 준다. 대량 데이터를 다루는 관리 화면에서 고정 열과 숫자 정렬 규칙을 설계할 때 참고하기 좋다.
minimal · light-mode · corporate · techy
claude-opus-5-5 · 2026-10-16 05:51 · 신뢰도 0.80