diff --git a/.gitignore b/.gitignore
index 0282dc21..52c3ea14 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,8 +1,5 @@
-*.name
-.idea/encodings.xml
-*.iml
-.idea/misc.xml
-*.xml
+*.sh
+test.*
+.playwright-mcp
 node_modules
 yarn.lock
-package-lock.json
diff --git a/assets/js/template.js b/assets/js/template.js
index 12ef4b58..d911e626 100644
--- a/assets/js/template.js
+++ b/assets/js/template.js
@@ -1,7 +1,7 @@
 window._config = {
   isDebug: location.hash.slice(1) === 'is-debug' ||
     ['localhost', '127.0.0.1', 'dev.bootstrap-table.com'].includes(location.hostname),
-  cdnUrl: 'https://cdn.jsdelivr.net/npm/bootstrap-table@1.27.1/dist/',
+  cdnUrl: 'https://cdn.jsdelivr.net/npm/bootstrap-table@1.27.2/dist/',
   localUrl: '../bootstrap-table/src/',
   testUrl: '/src/'
 }
diff --git a/crud/index.html b/crud/index.html
index 3d4f4ea1..9dbe3ec6 100644
--- a/crud/index.html
+++ b/crud/index.html
@@ -5,7 +5,7 @@
   <meta charset="utf-8">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.27.1/dist/bootstrap-table.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.27.2/dist/bootstrap-table.min.css">
   <style>
     .mr10 { margin-right: 10px; }
     .alert {
@@ -17,7 +17,7 @@
   <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.27.1/dist/bootstrap-table.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.27.2/dist/bootstrap-table.min.js"></script>
 </head>
 <body>
   <div class="container">
diff --git a/for-tests/extensions/export/export-customTypes.html b/for-tests/extensions/export/export-customTypes.html
new file mode 100644
index 00000000..89d98451
--- /dev/null
+++ b/for-tests/extensions/export/export-customTypes.html
@@ -0,0 +1,38 @@
+<script>
+  init({
+    title: 'Export Custom Types',
+    desc: 'Test exportTypes with multiple supported types.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
+      'bootstrap-table.min.js',
+      'extensions/export/bootstrap-table-export.min.js'
+    ]
+  })
+</script>
+
+<table id="table">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      showExport: true,
+      exportTypes: ['json', 'xml', 'csv', 'txt', 'sql', 'excel'],
+      data: [
+        { id: 1, name: 'Item 1', price: '$1' },
+        { id: 2, name: 'Item 2', price: '$2' },
+        { id: 3, name: 'Item 3', price: '$3' }
+      ]
+    })
+  }
+</script>
diff --git a/for-tests/extensions/export/export-dataType-all.html b/for-tests/extensions/export/export-dataType-all.html
new file mode 100644
index 00000000..36f4a583
--- /dev/null
+++ b/for-tests/extensions/export/export-dataType-all.html
@@ -0,0 +1,41 @@
+<script>
+  init({
+    title: 'Export Data Type All',
+    desc: 'Test exportDataType=all with pagination.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
+      'bootstrap-table.min.js',
+      'extensions/export/bootstrap-table-export.min.js'
+    ]
+  })
+</script>
+
+<table id="table">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    const data = []
+
+    for (let i = 1; i <= 50; i++) {
+      data.push({ id: i, name: `Item ${i}`, price: `$${i}` })
+    }
+    $('#table').bootstrapTable({
+      showExport: true,
+      exportDataType: 'all',
+      pagination: true,
+      pageSize: 10,
+      data
+    })
+  }
+</script>
diff --git a/for-tests/extensions/export/export-dataType-selected.html b/for-tests/extensions/export/export-dataType-selected.html
new file mode 100644
index 00000000..3c9828c4
--- /dev/null
+++ b/for-tests/extensions/export/export-dataType-selected.html
@@ -0,0 +1,39 @@
+<script>
+  init({
+    title: 'Export Data Type Selected',
+    desc: 'Test exportDataType=selected with checkbox selection.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
+      'bootstrap-table.min.js',
+      'extensions/export/bootstrap-table-export.min.js'
+    ]
+  })
+</script>
+
+<table id="table">
+  <thead>
+    <tr>
+      <th data-field="state" data-checkbox="true"></th>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      showExport: true,
+      exportDataType: 'selected',
+      data: [
+        { id: 1, name: 'Item 1', price: '$1', state: false },
+        { id: 2, name: 'Item 2', price: '$2', state: false },
+        { id: 3, name: 'Item 3', price: '$3', state: false }
+      ]
+    })
+  }
+</script>
diff --git a/for-tests/extensions/export/export-events.html b/for-tests/extensions/export/export-events.html
new file mode 100644
index 00000000..555d4f22
--- /dev/null
+++ b/for-tests/extensions/export/export-events.html
@@ -0,0 +1,44 @@
+<script>
+  init({
+    title: 'Export Events',
+    desc: 'Test export-started and export-saved events.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
+      'bootstrap-table.min.js',
+      'extensions/export/bootstrap-table-export.min.js'
+    ]
+  })
+</script>
+
+<table id="table">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      showExport: true,
+      data: [
+        { id: 1, name: 'Item 1', price: '$1' },
+        { id: 2, name: 'Item 2', price: '$2' }
+      ]
+    })
+
+    $('#table').on('export-started.bs.table', function () {
+      window._exportStarted = true
+    })
+    $('#table').on('export-saved.bs.table', function (e, data) {
+      window._exportSaved = true
+      window._exportedData = data
+    })
+  }
+</script>
diff --git a/for-tests/extensions/export/export-fileName-function.html b/for-tests/extensions/export/export-fileName-function.html
new file mode 100644
index 00000000..5fee8918
--- /dev/null
+++ b/for-tests/extensions/export/export-fileName-function.html
@@ -0,0 +1,41 @@
+<script>
+  init({
+    title: 'Export fileName Function',
+    desc: 'Test exportOptions.fileName as function.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
+      'bootstrap-table.min.js',
+      'extensions/export/bootstrap-table-export.min.js'
+    ]
+  })
+</script>
+
+<table id="table">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      showExport: true,
+      exportOptions: {
+        fileName () {
+          return 'custom-export-name'
+        }
+      },
+      data: [
+        { id: 1, name: 'Item 1', price: '$1' },
+        { id: 2, name: 'Item 2', price: '$2' }
+      ]
+    })
+  }
+</script>
diff --git a/for-tests/extensions/export/export-footer.html b/for-tests/extensions/export/export-footer.html
new file mode 100644
index 00000000..7f145d45
--- /dev/null
+++ b/for-tests/extensions/export/export-footer.html
@@ -0,0 +1,47 @@
+<script>
+  init({
+    title: 'Export Footer',
+    desc: 'Test exportFooter=true to include table footer in export.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
+      'bootstrap-table.min.js',
+      'extensions/export/bootstrap-table-export.min.js'
+    ]
+  })
+</script>
+
+<table id="table">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+    </tr>
+  </thead>
+  <tfoot>
+    <tr>
+      <td>Total</td>
+      <td></td>
+      <td>$6</td>
+    </tr>
+  </tfoot>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      showExport: true,
+      showFooter: true,
+      exportFooter: true,
+      height: 400,
+      data: [
+        { id: 1, name: 'Item 1', price: '$1' },
+        { id: 2, name: 'Item 2', price: '$2' },
+        { id: 3, name: 'Item 3', price: '$3' }
+      ]
+    })
+  }
+</script>
diff --git a/for-tests/extensions/export/export-forceExport.html b/for-tests/extensions/export/export-forceExport.html
new file mode 100644
index 00000000..f36b95a4
--- /dev/null
+++ b/for-tests/extensions/export/export-forceExport.html
@@ -0,0 +1,38 @@
+<script>
+  init({
+    title: 'Export forceExport',
+    desc: 'Test forceExport column option to export hidden columns.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
+      'bootstrap-table.min.js',
+      'extensions/export/bootstrap-table-export.min.js'
+    ]
+  })
+</script>
+
+<table id="table">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+      <th data-field="secret" data-visible="false" data-force-export="true">Secret</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      showExport: true,
+      data: [
+        { id: 1, name: 'Item 1', price: '$1', secret: 's1' },
+        { id: 2, name: 'Item 2', price: '$2', secret: 's2' },
+        { id: 3, name: 'Item 3', price: '$3', secret: 's3' }
+      ]
+    })
+  }
+</script>
diff --git a/for-tests/extensions/export/export-forceHide.html b/for-tests/extensions/export/export-forceHide.html
new file mode 100644
index 00000000..5526eb42
--- /dev/null
+++ b/for-tests/extensions/export/export-forceHide.html
@@ -0,0 +1,38 @@
+<script>
+  init({
+    title: 'Export forceHide',
+    desc: 'Test forceHide column option to hide columns from export.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
+      'bootstrap-table.min.js',
+      'extensions/export/bootstrap-table-export.min.js'
+    ]
+  })
+</script>
+
+<table id="table">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+      <th data-field="icon" data-force-hide="true">Icon</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      showExport: true,
+      data: [
+        { id: 1, name: 'Item 1', price: '$1', icon: '⭐' },
+        { id: 2, name: 'Item 2', price: '$2', icon: '🔥' },
+        { id: 3, name: 'Item 3', price: '$3', icon: '✅' }
+      ]
+    })
+  }
+</script>
diff --git a/for-tests/extensions/export/export-method.html b/for-tests/extensions/export/export-method.html
new file mode 100644
index 00000000..8a9d63c8
--- /dev/null
+++ b/for-tests/extensions/export/export-method.html
@@ -0,0 +1,41 @@
+<script>
+  init({
+    title: 'Export Method',
+    desc: 'Test exportTable() method for programmatic export.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
+      'bootstrap-table.min.js',
+      'extensions/export/bootstrap-table-export.min.js'
+    ]
+  })
+</script>
+
+<table id="table">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<button id="btn-export" class="btn btn-secondary">Export CSV</button>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      data: [
+        { id: 1, name: 'Item 1', price: '$1' },
+        { id: 2, name: 'Item 2', price: '$2' }
+      ]
+    })
+
+    $('#btn-export').click(function () {
+      $('#table').bootstrapTable('exportTable', { type: 'csv' })
+    })
+  }
+</script>
diff --git a/for-tests/extensions/export/export-multipleTypes.html b/for-tests/extensions/export/export-multipleTypes.html
new file mode 100644
index 00000000..86711465
--- /dev/null
+++ b/for-tests/extensions/export/export-multipleTypes.html
@@ -0,0 +1,37 @@
+<script>
+  init({
+    title: 'Export Multiple Types',
+    desc: 'Test exportTypes with multiple types (partial list).',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
+      'bootstrap-table.min.js',
+      'extensions/export/bootstrap-table-export.min.js'
+    ]
+  })
+</script>
+
+<table id="table">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      showExport: true,
+      exportTypes: ['json', 'csv'],
+      data: [
+        { id: 1, name: 'Item 1', price: '$1' },
+        { id: 2, name: 'Item 2', price: '$2' }
+      ]
+    })
+  }
+</script>
diff --git a/for-tests/extensions/export/export-showExport.html b/for-tests/extensions/export/export-showExport.html
new file mode 100644
index 00000000..3372819c
--- /dev/null
+++ b/for-tests/extensions/export/export-showExport.html
@@ -0,0 +1,37 @@
+<script>
+  init({
+    title: 'Export Show Export',
+    desc: 'Test showExport option to display export button.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
+      'bootstrap-table.min.js',
+      'extensions/export/bootstrap-table-export.min.js'
+    ]
+  })
+</script>
+
+<table id="table">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      showExport: true,
+      data: [
+        { id: 1, name: 'Item 1', price: '$1' },
+        { id: 2, name: 'Item 2', price: '$2' },
+        { id: 3, name: 'Item 3', price: '$3' }
+      ]
+    })
+  }
+</script>
diff --git a/for-tests/extensions/export/export-singleType.html b/for-tests/extensions/export/export-singleType.html
new file mode 100644
index 00000000..eec853a9
--- /dev/null
+++ b/for-tests/extensions/export/export-singleType.html
@@ -0,0 +1,37 @@
+<script>
+  init({
+    title: 'Export Single Type',
+    desc: 'Test exportTypes with single type shows a button instead of dropdown.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
+      'bootstrap-table.min.js',
+      'extensions/export/bootstrap-table-export.min.js'
+    ]
+  })
+</script>
+
+<table id="table">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      showExport: true,
+      exportTypes: ['csv'],
+      data: [
+        { id: 1, name: 'Item 1', price: '$1' },
+        { id: 2, name: 'Item 2', price: '$2' }
+      ]
+    })
+  }
+</script>
diff --git a/options/detail-view.html b/options/detail-view.html
index f1289056..2ea15730 100644
--- a/options/detail-view.html
+++ b/options/detail-view.html
@@ -36,9 +36,20 @@
 <script>
   window.detailFormatter = (index, row) => {
     const html = []
+    const columns = $('#table').bootstrapTable('getOptions').columns
+    const getTitle = key => {
+      if (!Array.isArray(columns) || columns.length === 0) {
+        return key
+      }
+
+      const flatColumns = columns.flatMap(row => Array.isArray(row) ? row : [])
+      const column = flatColumns.find(col => col && col.field === key)
+
+      return column && column.title ? column.title : key
+    }
 
     for (const [key, value] of Object.entries(row)) {
-      html.push(`<p><b>${key}:</b> ${value}</p>`)
+      html.push(`<p><b>${getTitle(key)}:</b> ${value}</p>`)
     }
     return html.join('')
   }
diff --git a/options/table-icons.html b/options/table-icons.html
index a87f5e5d..89038b9e 100644
--- a/options/table-icons.html
+++ b/options/table-icons.html
@@ -7,75 +7,58 @@
 })
 </script>
 
-<script>
-  const $table = $('#table')
-
-  function mounted () {
-    $('label input').blur(function () {
-      const icons = {}
-
-      $('label').each(function () {
-        icons[$(this).find('span').text()] = $(this).find('input').val()
-      })
-      $table.bootstrapTable('destroy').bootstrapTable({
-        icons
-      })
-    })
-  }
-</script>
-
 <template>
   <div>
-    <label><span>paginationSwitchDown</span> <input
+    <label class="icon-label"><span>paginationSwitchDown</span> <input
       class="form-control"
       type="text"
       value="fa-caret-square-down"
     ></label>
   </div>
   <div>
-    <label><span>paginationSwitchUp</span> <input
+    <label class="icon-label"><span>paginationSwitchUp</span> <input
       class="form-control"
       type="text"
       value="fa-caret-square-up"
     ></label>
   </div>
   <div>
-    <label><span>refresh</span> <input
+    <label class="icon-label"><span>refresh</span> <input
       class="form-control"
       type="text"
       value="fa-sync"
     ></label>
   </div>
   <div>
-    <label><span>toggleOff</span> <input
+    <label class="icon-label"><span>toggleOff</span> <input
       class="form-control"
       type="text"
       value="fa-toggle-off"
     ></label>
   </div>
   <div>
-    <label><span>toggleOn</span> <input
+    <label class="icon-label"><span>toggleOn</span> <input
       class="form-control"
       type="text"
       value="fa-toggle-on"
     ></label>
   </div>
   <div>
-    <label><span>columns</span> <input
+    <label class="icon-label"><span>columns</span> <input
       class="form-control"
       type="text"
       value="fa-th-list"
     ></label>
   </div>
   <div>
-    <label><span>fullscreen</span> <input
+    <label class="icon-label"><span>fullscreen</span> <input
       class="form-control"
       type="text"
       value="fa-arrows-alt"
     ></label>
   </div>
   <div>
-    <label><span>detailOpen</span> <input
+    <label class="icon-label"><span>detailOpen</span> <input
       class="form-control"
       type="text"
       value="fa-plus"
@@ -83,7 +66,7 @@
   </div>
 
   <div>
-    <label><span>detailClose</span> <input
+    <label class="icon-label"><span>detailClose</span> <input
       class="form-control"
       type="text"
       value="fa-minus"
@@ -92,7 +75,6 @@
 
   <table
     id="table"
-    data-toggle="table"
     data-height="460"
     data-show-pagination-switch="true"
     data-show-refresh="true"
@@ -118,6 +100,31 @@
   </table>
 </template>
 
+<script>
+  const $table = $('#table')
+
+  function mounted () {
+    const getIconsOptions = () => {
+      const icons = {}
+
+      $('label.icon-label').each(function () {
+        icons[$(this).find('span').text()] = $(this).find('input').val()
+      })
+
+      return {
+        iconsPrefix: 'fa',
+        icons
+      }
+    }
+
+    $('label.icon-label input').blur(function () {
+      $table.bootstrapTable('destroy').bootstrapTable(getIconsOptions())
+    })
+
+    $table.bootstrapTable(getIconsOptions())
+  }
+</script>
+
 <style>
 label input {
   display: inline-block !important;
diff --git a/options/table-locale.html b/options/table-locale.html
index 5cb715e1..5d345ab3 100644
--- a/options/table-locale.html
+++ b/options/table-locale.html
@@ -5,7 +5,7 @@
   links: ['bootstrap-table.min.css'],
   scripts: [
     'bootstrap-table.min.js',
-    'https://cdn.jsdelivr.net/npm/bootstrap-table@1.27.1/dist/bootstrap-table-locale-all.min.js'
+    'https://cdn.jsdelivr.net/npm/bootstrap-table@1.27.2/dist/bootstrap-table-locale-all.min.js'
   ]
 })
 </script>
diff --git a/package.json b/package.json
index 04dfc9b6..d81fdbe6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-table-examples",
-  "version": "1.27.1",
+  "version": "1.27.2",
   "description": "bootstrap-table-examples",
   "type": "module",
   "repository": {
diff --git a/vue-starter/package.json b/vue-starter/package.json
index a8c25400..7dc3d915 100644
--- a/vue-starter/package.json
+++ b/vue-starter/package.json
@@ -11,7 +11,7 @@
     "@popperjs/core": "^2.11.8",
     "bootstrap": "^5.3.3",
     "bootstrap-icons": "^1.11.3",
-    "bootstrap-table": "^1.27.1",
+    "bootstrap-table": "^1.27.2",
     "jquery": "^3.7.1",
     "tableexport.jquery.plugin": "^1.30.0",
     "vue": "^3.5.13"
diff --git a/webpack-starter/package.json b/webpack-starter/package.json
index c03948a3..b50a6fb2 100644
--- a/webpack-starter/package.json
+++ b/webpack-starter/package.json
@@ -13,7 +13,7 @@
   "dependencies": {
     "@popperjs/core": "^2.11.8",
     "bootstrap": "^5.3.3",
-    "bootstrap-table": "^1.27.1",
+    "bootstrap-table": "^1.27.2",
     "jquery": "^3.7.1"
   },
   "scripts": {
diff --git a/welcome.html b/welcome.html
index 433d3dc8..9baea451 100644
--- a/welcome.html
+++ b/welcome.html
@@ -8,7 +8,7 @@
   scripts: [
     'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
     'bootstrap-table.min.js',
-    'https://cdn.jsdelivr.net/npm/bootstrap-table@1.27.1/dist/bootstrap-table-locale-all.min.js',
+    'https://cdn.jsdelivr.net/npm/bootstrap-table@1.27.2/dist/bootstrap-table-locale-all.min.js',
     'extensions/export/bootstrap-table-export.min.js'
   ]
 })
diff --git a/welcomes/vue-component.html b/welcomes/vue-component.html
index a8856e12..c28ee60f 100644
--- a/welcomes/vue-component.html
+++ b/welcomes/vue-component.html
@@ -8,7 +8,7 @@
   scripts: [
     'https://unpkg.com/vue@3/dist/vue.global.js',
     'bootstrap-table.min.js',
-    'https://cdn.jsdelivr.net/npm/bootstrap-table@1.27.1/dist/bootstrap-table-vue.umd.js'
+    'https://cdn.jsdelivr.net/npm/bootstrap-table@1.27.2/dist/bootstrap-table-vue.umd.js'
   ]
 })
 </script>
