---
type: note
kind: Reference
title: Grid View
description: Grid View의 개념과 주요 특징, 그리고 관련된 오픈 소스 라이브러리들을 소개
tags:
  [
    'grid_view',
    'data_grid',
    'react-data-grid',
    'glide-data-grid',
    'perspective',
    'teable',
  ]
status: release
ctime: 2024-06-02
mtime: 2024-08-12
generated: { by: human:cbcruk, at: 2024-08-12T21:49:18Z }
verified: { by: claude/opus-5, at: 2026-08-19T00:00:00Z }
sources:
  - id: github-adazzle-react-data-grid
    resource: https://github.com/adazzle/react-data-grid
  - id: github-glideapps-glide-data-grid
    resource: https://github.com/glideapps/glide-data-grid
  - id: github-finos-perspective
    resource: https://github.com/finos/perspective
  - id: github-teableio-teable
    resource: https://github.com/teableio/teable
---

> [grid view](<(https://en.wikipedia.org/wiki/Grid_view)>)(또는 datagrid)는 데이터의 표 형식 보기를 제공하는 그래픽 제어 요소입니다.

일반적으로 다음 중 일부 또는 전부를 지원합니다.

- 열 머리글을 클릭하여 그리드의 정렬 순서 변경
- 열 머리글을 끌어서 크기 및 순서 변경
- 보기 데이터의 제자리 편집
- 행과 열 구분 기호 및 행 배경색 번갈아 지정하기

---

- https://github.com/adazzle/react-data-grid
- https://github.com/glideapps/glide-data-grid
- https://github.com/finos/perspective
- https://github.com/teableio/teable