wenzhixin/bootstrap-table

어떤 프로젝트인가요?

핵심 기능

• 01클릭 정렬 열 및 페이지네이션
• 02체크박스나 라디오 버튼을 사용한 단일 또는 다중 행 선택
• 03열, 헤더, 푸터 표시 및 숨기기
• 04고정 헤더 스크롤 및 반응형 레이아웃
• 05행의 카드 뷰 및 상세 뷰
• 06JSON 형식의 AJAX 데이터 로딩 및 현지화 지원

활용 사례

• Bootstrap으로 구축한 관리자 대시보드에 정렬 및 페이지네이션이 가능한 데이터 테이블 추가
• 웹 애플리케이션에서 AJAX로 불러온 서버 측 레코드 표시
• 사용자가 일괄 작업을 위해 하나 이상의 행을 선택하는 선택형 목록 구축

빠른 시작

1. 1

   npm으로 패키지 설치

   npm install bootstrap-table
2. 2

   또는 Yarn으로 패키지 설치

   yarn add bootstrap-table

사용 전 알아둘 점

• !스타일을 적용하려면 Bootstrap 또는 다른 CSS 프레임워크가 필요합니다.

토픽

자주 묻는 질문

bootstrap-table은(는) 무엇인가요?

Bootstrap 및 다른 CSS 프레임워크용 확장 HTML 테이블 플러그인으로, 정렬·페이지네이션·행 선택과 확장 기능을 제공합니다. Bootstrap Table은 일반 HTML 테이블을 다양한 기능을 갖춘 데이터 그리드로 바꿔 주는 JavaScript 플러그인입니다. Bootstrap과 통합되며 Semantic UI, Bulma, Material Design, Foundation, Vue.js에서도 동작하므로 이러한 프레임워크를 기반으로 이미 구축된 프로젝트에 적용할 수 있습니다.

bootstrap-table은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

bootstrap-table은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

bootstrap-table은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. bootstrap-table의 마지막 커밋은 2026년 11월 7일입니다.

bootstrap-table은(는) 어디에 사용할 수 있나요?

Bootstrap으로 구축한 관리자 대시보드에 정렬 및 페이지네이션이 가능한 데이터 테이블 추가 웹 애플리케이션에서 AJAX로 불러온 서버 측 레코드 표시 사용자가 일괄 작업을 위해 하나 이상의 행을 선택하는 선택형 목록 구축

bootstrap-table는 어떻게 설치하나요?

npm으로 패키지 설치: npm install bootstrap-table 또는 Yarn으로 패키지 설치: yarn add bootstrap-table

bootstrap-table은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/wenzhixin/bootstrap-table