Repolode
제출하기
TanStack

TanStack/table

React, Vue, Solid, Svelte 등에서 마크업과 스타일을 완전히 제어하며 데이터 그리드를 만들 수 있는 헤드리스 TypeScript/JavaScript 테이블 라이브러리입니다.

GitHub에서 보기웹사이트
스타
28,507
포크
3,589
열린 이슈
75
마지막 커밋
9일 전

어떤 프로젝트인가요?

TanStack Table은 TypeScript와 JavaScript용 헤드리스 테이블 라이브러리입니다. 정렬, 필터링, 그룹화, 집계, 페이지네이션, 행 선택 등 데이터 그리드에 필요한 로직을 처리하고, 마크업과 컴포넌트, 스타일은 개발자가 전적으로 제어할 수 있도록 합니다.

코어는 프레임워크에 종속되지 않으며, 공식 어댑터를 통해 React, Preact, Vue, Solid, Svelte, Angular, Lit, Alpine, Ember, Octane을 지원합니다. 라이브러리가 직접 렌더링하는 요소가 없으므로 어떤 UI 키트나 커스텀 컴포넌트와도 함께 사용할 수 있으며, 가상화와 서버 사이드 데이터 처리도 지원합니다.

이 프로젝트는 TanStack 생태계의 일부이며, 각 어댑터 패키지에 TanStack Intent 스킬을 포함합니다. AI 코딩 에이전트는 이를 불러와 버전에 맞는 안내를 받을 수 있습니다.

핵심 기능

  • 01정렬, 필터링, 그룹화, 집계 기능 내장
  • 02행 선택 및 페이지네이션 로직
  • 03완전한 헤드리스 방식으로 마크업과 스타일을 전적으로 사용자 제어에 맡김
  • 04React, Vue, Solid, Svelte, Angular 등용 프레임워크 어댑터
  • 05가상화 및 서버 사이드 데이터 처리 지원

활용 사례

  • 정렬과 필터링이 가능한 데이터 그리드를 갖춘 관리자 대시보드 구축
  • 가상화된 행으로 대규모 데이터셋 렌더링
  • 기존 디자인 시스템에 커스텀 스타일의 데이터 테이블 추가

사용 전 알아둘 점

  • 헤드리스 방식이므로 테이블 마크업, 컴포넌트, 스타일을 모두 직접 구현해야 합니다.

토픽

#table#datagrid#typescript#headless-ui#react#vue#svelte#sorting#datagrids#datatable

자주 묻는 질문

table은(는) 무엇인가요?
React, Vue, Solid, Svelte 등에서 마크업과 스타일을 완전히 제어하며 데이터 그리드를 만들 수 있는 헤드리스 TypeScript/JavaScript 테이블 라이브러리입니다. TanStack Table은 TypeScript와 JavaScript용 헤드리스 테이블 라이브러리입니다. 정렬, 필터링, 그룹화, 집계, 페이지네이션, 행 선택 등 데이터 그리드에 필요한 로직을 처리하고, 마크업과 컴포넌트, 스타일은 개발자가 전적으로 제어할 수 있도록 합니다.
table은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
table은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
table은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. table의 마지막 커밋은 2026년 10월 12일입니다.
table은(는) 어디에 사용할 수 있나요?
정렬과 필터링이 가능한 데이터 그리드를 갖춘 관리자 대시보드 구축 가상화된 행으로 대규모 데이터셋 렌더링 기존 디자인 시스템에 커스텀 스타일의 데이터 테이블 추가
table은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/TanStack/table

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트