x-extends/vxe-table

어떤 프로젝트인가요?

핵심 기능

• 01행 추가·삭제·수정·조회 기능을 갖춘 편집 가능한 그리드
• 02대용량 데이터셋을 위한 가상 스크롤 및 가상 병합
• 03Excel 스타일의 셀 범위 선택 및 복사/붙여넣기(엔터프라이즈 에디션)
• 04고정 열, 다단 헤더, 셀 병합 및 행 그룹화
• 05필터링, 다중 필드 정렬, 행과 열의 드래그 재정렬
• 06데이터 검증, 편집 실행 취소/다시 실행, 전체 키보드 탐색

활용 사례

• Vue에서 편집 가능한 데이터 그리드를 사용하는 관리자 백오피스 화면 구축
• 부드러운 스크롤이 필요한 대용량 표 형식 데이터 표시
• 검증 기능을 갖춘 스프레드시트 스타일 데이터 입력 폼 제작

빠른 시작

1. 1

   npm에서 패키지를 설치합니다

   npm install vxe-table
2. 2

   컴포넌트와 스타일을 가져온 다음 Vue에 등록합니다

3. 3

   템플릿에서 data와 columns를 지정해 vxe-table 컴포넌트를 사용합니다

사용 전 알아둘 점

• !설치 안내는 Vue 3을 대상으로 합니다. Vue 2 버전은 별도의 브랜치(v3)에 있습니다.
• !Internet Explorer는 지원하지 않습니다.
• !Excel 스타일 복사/붙여넣기와 데이터 요약 등 일부 고급 기능은 Enterprise Edition 기능으로 안내되어 있습니다.

토픽

자주 묻는 질문

vxe-table은(는) 무엇인가요?

인라인 편집, 가상 스크롤, Excel 스타일 복사·붙여넣기, 필터링과 피벗 스타일 그룹화를 지원하는 Vue 2/3용 PC 데이터 테이블 컴포넌트입니다. vxe-table은 Vxe UI 기반 라이브러리로 구축된 PC 웹 애플리케이션용 엔터프라이즈 지향 데이터 그리드 컴포넌트입니다. 행 추가·삭제·편집·조회와 데이터 검증, 편집 실행 취소/다시 실행, 전체 키보드 탐색을 지원합니다.

vxe-table은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

vxe-table은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

vxe-table은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. vxe-table의 마지막 커밋은 2026년 11월 5일입니다.

vxe-table은(는) 어디에 사용할 수 있나요?

Vue에서 편집 가능한 데이터 그리드를 사용하는 관리자 백오피스 화면 구축 부드러운 스크롤이 필요한 대용량 표 형식 데이터 표시 검증 기능을 갖춘 스프레드시트 스타일 데이터 입력 폼 제작

vxe-table는 어떻게 설치하나요?

npm에서 패키지를 설치합니다: npm install vxe-table 컴포넌트와 스타일을 가져온 다음 Vue에 등록합니다 템플릿에서 data와 columns를 지정해 vxe-table 컴포넌트를 사용합니다

vxe-table은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/x-extends/vxe-table