Bootstrap Table Vue 組件概覽、安裝步驟與構成。

本頁目錄

我們為 Vue.js 3.0+ 提供了 Bootstrap Table 組件,該組件支持完整的 API、所有 擴展 以及全部 CSS 框架

安裝

依賴

NPM

使用 npm 安裝與管理 Bootstrap Table 的 CSS、JavaScript、本地化與擴展。

npm install bootstrap-table

CDNJS

CDNJS 為 Bootstrap Table 的 CSS 與 JavaScript 文件提供了免費的 CDN 服務,可直接使用如下鏈接訪問。

https://gcore.jsdelivr.net/npm/bootstrap-table@1.26.0

構建文件

dist/ 目錄包含以下 Vue 組件文件:

bootstrap-table/
└── dist/
    ├── bootstrap-table-vue.js
    └── bootstrap-table-vue.umd.js
  • bootstrap-table-vue.js: ES 模塊構建,適用於 webpackvitejs 等現代打包工具。
  • bootstrap-table-vue.umd.js: UMD 構建,可在瀏覽器中通過 <script> 標簽直接使用。