TanStack Table 은 react-query를 만든 TanStack에서 만든 React, Vue, Svelte에서 사용 가능한 테이블 데이터를 처리하기 위한 라이브러리입니다.
정렬, 필터링, 그룹화, 페이징과 같은 고급 기능을 손쉽게 사용하여 테이블을 구성할 수 있게 해줍니다.
TanStack Table 은 다음과 같은 특성이 있습니다.
1. Headless UI로, 스타일 이 포함되어 있지 않아, 프로젝트 디자인 시스템의 UI 및 스타일 적용 가능
2. useReactTable 훅을 통해 테이블 객체를 정의하고, 다양한 메서드로 원하는 기능을 구현
3. 작고 가벼운 용량 (10kb) 과 Tree-Shaking 등을 통한, 경량화 및 빠른 성능
4. WAI-ARIA를 준수하여 테이블에 대한 접근성 향상
대용량 테이블이나, 정렬 및 필터링 같은 고급 기능이 필요한 경우 및 접근성이 중요하다면 TanStack Table의 사용을 고려해 보는 것을 추천드립니다.
https://tanstack.com/table/v8/?from=reactTableV7&original=https://react-table-v7.tanstack.com/