README.ko.md

Vue Pivottable

English | 한국어

Vue 3용 피벗 테이블 컴포넌트

vue-pivottable은 Vue 3 호환 피벗 테이블 컴포넌트로, 인기 있는 react-pivottable의 Vue 래퍼입니다. 이 라이브러리를 사용하면 대용량 데이터셋을 피벗 테이블 UI에서 쉽게 요약, 변환, 시각화할 수 있습니다.

Vue 2 호환 버전을 찾고 계신가요? 👉 v0.4.68 on github

기능

• Vue 3 Composition API로 구축
• 다양한 집계기와 렌더러 지원
• 드래그 앤 드롭 필드 구성이 가능한 대화형 UI
• 쉬운 사용자 정의 및 확장 (렌더러, 집계기, 스타일)

설치

NPM

npm install vue-pivottable

PNPM

pnpm add vue-pivottable

빠른 시작

<template>
  <VuePivottableUi
    :data="[
      { color: 'blue', shape: 'circle' },
      { color: 'red', shape: 'triangle' }
    ]"
    :rows="['color']"
    :cols="['shape']"
  />
</template>

<script setup>
import { VuePivottableUi } from 'vue-pivottable'
import 'vue-pivottable/dist/vue-pivottable.css'
</script>

문서

자세한 API 및 props 사용법은 문서를 참조하세요.

라이브 데모

Stackblitz에서 vue-pivottable-ui의 라이브 데모를 사용해 보세요.

개발

프로젝트를 로컬에서 실행하려면:

# 저장소 클론
git clone https://github.com/vue-pivottable/vue3-pivottable.git
cd vue-pivottable

# 의존성 설치
pnpm install

# 개발 서버 시작
pnpm dev

그런 다음 브라우저에서 http://localhost:8080을 여세요.

영감

plotly/react-pivottable에서 영감을 받음 - React 기반 피벗 테이블 라이브러리

기여자 ✨

이 멋진 사람들에게 감사드립니다 (이모지 키):

hyemyn2 💻

Sumin 💻

Seungwoo321 💻

이 프로젝트는 all-contributors 사양을 따릅니다. 모든 종류의 기여를 환영합니다!