react-table
의 버전 7을 찾고 계십니까? 여기를 클릭하십시오!
이 도서관을 즐기십니까?
다른 Tanstack 라이브러리를 사용해보십시오.
- Tanstack 쿼리
- 탠 스택 테이블
- Tanstack 라우터
- Tanstack Virtual
- Tanstack 양식
- Tanstack Ranger
문서, 가이드, API 등을 위해 tanstack.com/table을 방문하십시오!
우리의 어댑터 이름으로 Tanstack 테이블 도 알고있을 것입니다!
- 각도 테이블
- 조명 테이블
- QWIK 테이블
- 반응 테이블
- 단단한 테이블
- 벨트 테이블
- vue 테이블
요약
Tanstack 테이블은 헤드리스 테이블 라이브러리로 구성 요소, 마크 업 또는 스타일로 배송되지 않습니다. 즉, 마크 업 및 스타일 (CSS, CSS-In-JS, UI 구성 요소 라이브러리 등)을 완전히 제어 할 수 있으며 이는 또한 휴대용 특성을 제공합니다. React Native에서 사용할 수도 있습니다!
마크 업 및 구현을 완전히 제어 할 수있는 가벼운 테이블을 원한다면 헤드리스 테이블 라이브러리 인 Tanstack 테이블 사용을 고려해야합니다.
마크 업/스타일/구현에 대한 더 많은 전력이지만 더 많은 제약 조건을 갖춘 즉시 사용 가능한 구성 요소 기반 테이블을 원한다면 OSS 파트너 AG 그리드의 구성 요소 기반 테이블 라이브러리 인 AG Grid를 사용하는 것을 고려해야합니다.
Tanstack 테이블 및 AG 그리드는 정중하게 최고의 테이블/Datagrid 라이브러리 입니다. 우리는 경쟁하는 대신 전체 JS/TS 생태계 및 모든 사용 사례에 대해 최고 품질의 테이블/데이터 그 리드 옵션을 사용할 수 있도록 협력하고 있습니다.
빠른 기능
- 무가치 한 코어 (JS/TS)
- React, Vue, Solid에 대한 1 급 프레임 워크 바인딩
- ~ 15kb 이하 (나무 흔들림 포함)
- 100% 타입 스크립트 (그러나 필요하지 않음)
- 헤드리스 (100% 커스터마이즈 가능, Bring-your-Own-UI)
- 상자에서 자동으로, 옵트 인 제어 상태
- 필터 (열 및 글로벌)
- 분류 (다중 열, 다 방사선)
- 그룹화 및 집계
- 피봇 팅 (곧 출시예요!)
- 행 선택
- 행 확장
- 열 가시성/주문/고정/크기 조정
- 테이블 분할
- 애니메이션
- 가상화 가능
- 서버 측/외부 데이터 모델 지원
반응 표 V7에서 마이그레이션
주목할만한 변화
- 기본 패키지에 포함 된 유형으로 TypeScript로 전체 재 작성
- 더 많은 통제 역전을 선호하기 위해 플러그인 시스템 제거
- 크게 크고 개선 된 API (및 고정과 같은 새로운 기능)
- 더 나은 통제 국가 관리
- 서버 측 운영에 대한 더 나은 지원
- 완전한 (그러나 선택 사항) 데이터 파이프 라인 제어
- 미래에 React, Solid, Svelte, Vue 등을위한 프레임 워크 어댑터를 갖는 비공식 코어
- 새로운 개발 도구
이주
상당한 양의 변화 변화가 있습니다 (그들은 가치가 있고, 우리를 믿습니다!) :
- TypeScript는 코드를 훨씬 더 좋고 안전하게 만들지 만 일반적으로 아키텍처 변경을 중단해야합니다.
- 플러그인 시스템이 제거되어 플러그인을 다시 작성하여 새 기능 API를 랩핑/작성해야합니다. 도움이 필요한 경우 저희에게 연락하십시오!
- 열 구성 옵션이 변경되었지만 약간만 변경되었습니다.
- 테이블 옵션은 대부분 동일하며 선택적 상태 관리/제어 및 데이터 파이프 라인 제어에 대한 약간의 변경 사항이 있습니다.
-
table
인스턴스는 V7과 비슷하지만 훨씬 더 빨리 재구성되었습니다.
설치
선택한 프레임 워크를 기반으로 다음 패키지 중 하나를 설치하십시오.
# Npm
npm install @tanstack/angular-table
npm install @tanstack/lit-table
npm install @tanstack/qwik-table
npm install @tanstack/react-table
npm install @tanstack/solid-table
npm install @tanstack/svelte-table
npm install @tanstack/vue-table
npm install @tanstack/table-core # vanilla js that can work with any framework
도와주는 방법?
- 이미 마이그레이션 된 예제를 사용해보십시오
- 자신의 프로젝트에서 시도해보십시오.
- 유형을 내성적으로 보냅니다! 문서가 끝나지 않아도 도서관은 100% 타입 스크립트를 제공하여 기능을 탐색 할 수 있도록 도와줍니다.
- 기여 가이드 라인을 읽으십시오
- 문서를 작성하십시오! API 문서로 시작하여 하나 이상의 기능에 대한 정보를 추가하십시오. 이 유형은 지원되는 내용과 라이브러리의 기능을 보여주는 괜찮은 작업을 수행합니다.
- 플러그인 사용? 플러그인을 내부적으로 Tanstack 테이블을 사용하는 기능 래퍼로 플러그인을 다시 작성해보십시오 (V8에는 플러그인 시스템이 더 이상 없음). 새로운 API는 훨씬 더 강력하고 구성하기 쉽습니다. 당신이 알아낼 수없는 것을 찾으면 우리에게 알려 주시면 API에 추가하겠습니다.
스폰서가 되십시오