1. react-bootstrap-table
deprecated 된 상태이므로 react-bootstrap-table2를 사용할 것을 권장한다.
https://allenfang.github.io/react-bootstrap-table/
React Bootstrap Table
allenfang.github.io
예시는 요기 더 잘 나와있다.
https://react-bootstrap.netlify.app/docs/components/table/
Tables | React Bootstrap
Example
react-bootstrap.netlify.app
2. react-bootstrap-table2
2020년을 마지막으로 더이상 업데이트 되지 않고 있다.
https://react-bootstrap-table.github.io/react-bootstrap-table2/
react-bootstrap-table2 · Next Generation of react-bootstrap-table
Next Generation of react-bootstrap-table
react-bootstrap-table.github.io
3. antd (Ant Design) Table
테이블에서 필터, 정렬, 페이징, 드래그 & 드롭, 고정 열 등 상당히 다양한 기능을 제공한다.
예시로 제일 복잡해보이는걸 캡쳐해봤다.
https://ant.design/components/table
Table - Ant Design
An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises
ant.design
4. MUI (Material UI) Table
Google의 Material Design 가이드를 기반으로 한 라이브러리이다.
https://mui.com/material-ui/react-table/
React Table component - Material UI
Tables display sets of data. They can be fully customized.
mui.com
5. MUI X (Material UI Extension) DataGrid
MUI X is a collection of advanced React UI components for complex use cases. Use the native integration with Material UI or extend your design system.
MUI의 확장판 개념으로 이해하면 될 것 같다. 더 많은 기능을 이용할 수 있는 pro plan도 있다.
써본 후기로는.. MUI X 정도로도 너무너무 충분하고 커스텀이 잘 된다.
https://mui.com/x/react-data-grid/
React Data Grid component - MUI X
A fast and extendable React data table and React data grid. It's a feature-rich component available with MIT or commercial licenses.
mui.com
'개발 > REACT' 카테고리의 다른 글
| Lombok이란 / cannot find symbol 에러 (0) | 2025.04.04 |
|---|---|
| React 테이블 커스텀하기 / MUI X DataGrid를 파헤쳐보자 (0) | 2025.03.23 |
| ReactJS 입문 with 니꼬쌤 3 - SUPER CONVERTER 코드 (0) | 2022.03.22 |
| ReactJS 입문 with 니꼬쌤 2 - [JSX, STATE] (0) | 2022.03.21 |
| ReactJS 입문 with 니꼬쌤 1 - [INTRO] (0) | 2022.03.18 |
