Bootstrap Tableとは？高機能Table Plugin

ページ内ナビ

概要

Bootstrap Table 1.27.3はBootstrapをはじめ複数のCSS frameworkと連携するtable pluginです。sorting、pagination、radio/checkbox selection、AJAX、fixed header、card/detail view、localization、extensionsを既存tableへ追加できます。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日：2026-10-05

主な特徴

sorting・pagination・selection・AJAXをtableへ追加する

READMEはcolumn sorting、powerful pagination、single/multiple row selection、JSON/AJAX data取得を主要featureとして列挙しています。

出典：[1]

fixed header・card/detail view・extensionで用途を広げる

scrollable fixed-header table、card view、detail view、localizationと多数のextensionsを組み合わせられます。

出典：[1][2]

Bootstrap以外のCSS frameworkやVue integrationも利用できる

repository metadataとpackage descriptionはBootstrapに加えてSemantic UI、Bulma、Material Design、Foundationを挙げ、distributionにはVue buildも含まれます。

出典：[1][2]

向いている用途

業務画面のtableを短期間で高機能化したいjQuery frontendに向く

既存tableへsortingやselection、paginationを追加し、必要なextensionだけを選択して管理画面や一覧画面を拡張したい用途に適します。

出典：[1]

導入前の確認

1.27.3はjQuery 3または4をpeer dependencyとして要求する

package metadataはjQuery 3 || 4をpeer dependencyに定義しています。jQuery 2以下の既存画面では先にjQuery側のupgradeが必要です。

出典：[2]

1.27.3はcolumn toggle batchingやrowspan sort等を修正する

release notesはshowColumn/hideColumnのbatch化、rowspanを含むsort時のlayout、fixedColumns hover、Vue componentでのasync method loading等の修正を含みます。

出典：[3]

参考にした公式資料

[1]Bootstrap Table 1.27.3 README(2026-10-05)
[2]Bootstrap Table 1.27.3 package metadata(2026-10-05)
[3]Bootstrap Table 1.27.3 release(2026-10-05)
[4]Bootstrap Table MIT license(2026-10-05)

編集部からの補足

1.27.3はjQuery 3 || 4をpeer dependencyとして要求します。BootstrapだけでなくSemantic UI、Bulma、Material Design、Foundation等にも対応しますが、CSS frameworkごとのintegrationとextension互換性は実画面で確認してください。

3ステップで試す

1
Bootstrap Table 1.27.3とjQuery 4.0.0を固定して導入する
一時npm projectへreview対象のBootstrap Tableと対応peerのjQuery 4を固定して導入します。
demo=$(mktemp -d "${TMPDIR:-/tmp}/bootstrap-table.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact bootstrap-table@1.27.3 jquery@4.0.0
2
package versionとjQuery peer rangeを確認する
review対象versionとjQuery 3/4対応を確認します。
test "$(node -e "const fs=require('fs');const p=JSON.parse(fs.readFileSync('node_modules/bootstrap-table/package.json'));const j=JSON.parse(fs.readFileSync('node_modules/jquery/package.json'));console.log(p.version+'/'+j.version+'/'+p.peerDependencies.jquery)")" = '1.27.3/4.0.0/3 || 4'
3
JavaScript・CSS・型定義のdistributionを確認する
browserを起動せず、主要distributionとTypeScript型定義がpackageに含まれることを確認します。
test -f node_modules/bootstrap-table/dist/bootstrap-table.min.js && test -f node_modules/bootstrap-table/dist/bootstrap-table.min.css && test -f node_modules/bootstrap-table/index.d.ts

公式READMEで確認

成長

成長の推移 · 直近30日

11,811 Stars

推移データを蓄積中です。

開発アクティビティ

直近90日・週次

Commit（直近30日）: 73
Open PR: 13

開発アクティビティを蓄積中です。

Built with

カテゴリとタグ

GitHubデータ

GitHubのデータGitHubの詳細データを見る

GitHubで見る

GitHub Topics

bootstrap
table
pagination
checkbox
radio
datatables
css
css-framework
semantic-ui
bulma
material-design
materialize

Stars: 11,811
Forks: 4,342
Watchers: 456
Open Issues: 192
Contributors: 306
所有者種別: User
主要言語: JavaScript
ライセンス: MIT
リポジトリ最終更新: 2026/10/05