1. ag-grid
react-table, mui data grid 외에 또 react 에서 data table 을 만들 수 있는 라이브러리가 있다.
https://www.ag-grid.com/react-data-grid/getting-started/#getting-started-2
React Data Grid: Get Started with AG Grid
AG Grid is the industry standard for React Enterprise Applications. Download v26 of the best React Data Grid in the world now.
www.ag-grid.com
AG-GRID GRID OPTIONS 정의
1. AG-GRID GRID OPTIONS 정의 Attribute value description columnDefs 칼럼정보 정의된 칼럼 정보를 넣어줘야 합니다. rowData [{key:value}] 그리드 데이터, json data를 넣어 줘야 합니다. defaultC..
eblo.tistory.com
npm install --save ag-grid-community ag-grid-react
이 중에서 grouping이나 등등 여러 기능들은 돈내고 사용해야한다.
2. react-table kitchen sink
tannerlinsley/react-table: material-UI-kitchen-sink - CodeSandbox
tannerlinsley/react-table: material-UI-kitchen-sink using @material-ui/core, @material-ui/icons, namor, react, react-dom, react-scripts, react-table
codesandbox.io
3. react recoil
https://recoiljs.org/ko/docs/introduction/getting-started/
https://velog.io/@juno7803/Recoil-Recoil-200-활용하기
[Recoil] Recoil 200% 활용하기
아무리 구글링해도 Recoil 기본 예제밖에 나오지 않아 직접 작성한 Recoil 200% 활용법 🙃
velog.io
리덕스 같은 전역 상태관리 라이브러리.
리덕스보다 코드의 양이 적고 쉽게 개발할 수 있다 .
'TIL' 카테고리의 다른 글
| [TIL] 20211222 ag grid context 기능/ .. (0) | 2021.12.22 |
|---|---|
| [TIL] 20211221 recoil todo list 만들기/ data grid관련 (0) | 2021.12.21 |
| [TIL] 20211217 react table row selection/ column hidding (0) | 2021.12.17 |
| [TIL] 20211216 mui data grid (0) | 2021.12.16 |
| [TIL] 20211215 (0) | 2021.12.15 |