React용 TanStack Table v8 헤드리스 데이터 테이블. 열 정의, 정렬, 필터링(퍼지/패싯), TanStack 쿼리를 사용한 서버 측 페이지 매김, 무한 스크롤, 가상화(TanStack Virtual), 열/행 고정, 행 확장/그룹화, 열 크기 조정 및 재사용 가능한 Shadcn 스타일 구성 요소를 다룹니다. 무한 재렌더링, React 컴파일러 비호환성, 서버 측 상태 불일치 등 15가지 문서화된 오류를 방지합니다. 데이터 테이블 작성, 테이블 성능 수정, 서버측 페이지 매김 구현, 필터링/정렬 추가 또는 테이블 상태 문제 디버깅 시 사용합니다.
명령줄에서 tanstack-table AI 스킬을 개발 환경에 빠르게 설치
출처: oakoss/agent-skills.
TanStack Table is a headless table library — it provides state management and logic but no UI. You supply the rendering; it handles sorting, filtering, pagination, selection, and more.
When to use: Complex data tables with sorting/filtering/pagination, server-side data, large datasets (1000+ rows with virtualization), row selection/expanding/grouping.
When NOT to use: Simple static tables (use directly), display-only lists (use a list component), spreadsheet-like editing (consider AG Grid).
React용 TanStack Table v8 헤드리스 데이터 테이블. 열 정의, 정렬, 필터링(퍼지/패싯), TanStack 쿼리를 사용한 서버 측 페이지 매김, 무한 스크롤, 가상화(TanStack Virtual), 열/행 고정, 행 확장/그룹화, 열 크기 조정 및 재사용 가능한 Shadcn 스타일 구성 요소를 다룹니다. 무한 재렌더링, React 컴파일러 비호환성, 서버 측 상태 불일치 등 15가지 문서화된 오류를 방지합니다. 데이터 테이블 작성, 테이블 성능 수정, 서버측 페이지 매김 구현, 필터링/정렬 추가 또는 테이블 상태 문제 디버깅 시 사용합니다. 출처: oakoss/agent-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/oakoss/agent-skills --skill tanstack-tableReact용 TanStack Table v8 헤드리스 데이터 테이블. 열 정의, 정렬, 필터링(퍼지/패싯), TanStack 쿼리를 사용한 서버 측 페이지 매김, 무한 스크롤, 가상화(TanStack Virtual), 열/행 고정, 행 확장/그룹화, 열 크기 조정 및 재사용 가능한 Shadcn 스타일 구성 요소를 다룹니다. 무한 재렌더링, React 컴파일러 비호환성, 서버 측 상태 불일치 등 15가지 문서화된 오류를 방지합니다. 데이터 테이블 작성, 테이블 성능 수정, 서버측 페이지 매김 구현, 필터링/정렬 추가 또는 테이블 상태 문제 디버깅 시 사용합니다. 출처: oakoss/agent-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/oakoss/agent-skills --skill tanstack-table 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/oakoss/agent-skills