From 181ab7d8ea1a09ddaa130f7e90534ee838ccedb1 Mon Sep 17 00:00:00 2001
From: zhixin <wenzhixin2010@gmail.com>
Date: Sun, 29 Mar 2026 11:44:05 +0800
Subject: [PATCH 1/7] Fix: use icon-label class to avoid selecting table
 headers in icons example

---
 options/table-icons.html | 61 ++++++++++++++++++++++------------------
 1 file changed, 34 insertions(+), 27 deletions(-)

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;

From 63c060056ffb7057c70ed6bc0495bfc37d7cf5e8 Mon Sep 17 00:00:00 2001
From: zhixin <wenzhixin2010@gmail.com>
Date: Sun, 29 Mar 2026 18:12:14 +0800
Subject: [PATCH 2/7] Update gitignore

---
 .gitignore | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

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

From f93f440e18bac9918ff481e1a1a788e8ba6085fe Mon Sep 17 00:00:00 2001
From: zhixin <wenzhixin2010@gmail.com>
Date: Sun, 29 Mar 2026 18:24:15 +0800
Subject: [PATCH 3/7] Fix: detail view formatter to display column titles
 instead of field names

---
 options/detail-view.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/options/detail-view.html b/options/detail-view.html
index f1289056..17986ef9 100644
--- a/options/detail-view.html
+++ b/options/detail-view.html
@@ -36,9 +36,15 @@
 <script>
   window.detailFormatter = (index, row) => {
     const html = []
+    const columns = $('#table').bootstrapTable('getOptions').columns
+    const getTitle = key => {
+      const column = columns[0].find(column => column.field === key)
+
+      return column ? 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('')
   }

From fe9e23af8217a52c4111c773e22da8236b284c43 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 29 Mar 2026 10:31:23 +0000
Subject: [PATCH 4/7] Fix: flatten all columns rows in getTitle to support
 grouped/multi-row headers

Agent-Logs-Url: https://github.com/wenzhixin/bootstrap-table-examples/sessions/47f4432b-1a07-4e6f-9f08-c89c94fc6a99

Co-authored-by: wenzhixin <2117018+wenzhixin@users.noreply.github.com>
---
 options/detail-view.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/options/detail-view.html b/options/detail-view.html
index 17986ef9..2ea15730 100644
--- a/options/detail-view.html
+++ b/options/detail-view.html
@@ -38,9 +38,14 @@
     const html = []
     const columns = $('#table').bootstrapTable('getOptions').columns
     const getTitle = key => {
-      const column = columns[0].find(column => column.field === key)
+      if (!Array.isArray(columns) || columns.length === 0) {
+        return key
+      }
 
-      return column ? column.title : 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)) {

From 03e91c6ec9296957bdf4f47b4a70a0d4f6c8264a Mon Sep 17 00:00:00 2001
From: wenzhixin <wenzhixin2010@gmail.com>
Date: Fri, 10 Apr 2026 08:33:44 +0800
Subject: [PATCH 5/7] Fix vue component test by pinning bootstrap-table version
 to 1.27.0

---
 welcomes/vue-component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/welcomes/vue-component.html b/welcomes/vue-component.html
index a8856e12..63b9e896 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.0/dist/bootstrap-table-vue.umd.js'
   ]
 })
 </script>

From 596a1c6bb9f319ba888b4d6a03b2169a1f37141a Mon Sep 17 00:00:00 2001
From: wenzhixin <wenzhixin2010@gmail.com>
Date: Mon, 13 Apr 2026 00:46:35 +0800
Subject: [PATCH 6/7] Add export extension test HTML pages for Cypress tests

- Add 12 test HTML files for export extension options
- Test showExport, exportTypes, exportDataType, exportFooter, etc.
- Test column options: forceExport, forceHide
- Test events: export-started, export-saved
- Test methods: exportTable()
- Test exportOptions.fileName as function
---
 .../extensions/export/export-customTypes.html | 38 +++++++++++++++
 .../export/export-dataType-all.html           | 41 ++++++++++++++++
 .../export/export-dataType-selected.html      | 39 +++++++++++++++
 .../extensions/export/export-events.html      | 44 +++++++++++++++++
 .../export/export-fileName-function.html      | 41 ++++++++++++++++
 .../extensions/export/export-footer.html      | 47 +++++++++++++++++++
 .../extensions/export/export-forceExport.html | 38 +++++++++++++++
 .../extensions/export/export-forceHide.html   | 38 +++++++++++++++
 .../extensions/export/export-method.html      | 41 ++++++++++++++++
 .../export/export-multipleTypes.html          | 37 +++++++++++++++
 .../extensions/export/export-showExport.html  | 37 +++++++++++++++
 .../extensions/export/export-singleType.html  | 37 +++++++++++++++
 12 files changed, 478 insertions(+)
 create mode 100644 for-tests/extensions/export/export-customTypes.html
 create mode 100644 for-tests/extensions/export/export-dataType-all.html
 create mode 100644 for-tests/extensions/export/export-dataType-selected.html
 create mode 100644 for-tests/extensions/export/export-events.html
 create mode 100644 for-tests/extensions/export/export-fileName-function.html
 create mode 100644 for-tests/extensions/export/export-footer.html
 create mode 100644 for-tests/extensions/export/export-forceExport.html
 create mode 100644 for-tests/extensions/export/export-forceHide.html
 create mode 100644 for-tests/extensions/export/export-method.html
 create mode 100644 for-tests/extensions/export/export-multipleTypes.html
 create mode 100644 for-tests/extensions/export/export-showExport.html
 create mode 100644 for-tests/extensions/export/export-singleType.html

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>

From ec957a574242e72b5a3512936f00bbbcfcf5cd83 Mon Sep 17 00:00:00 2001
From: zhixin <wenzhixin2010@gmail.com>
Date: Thu, 16 Apr 2026 07:49:18 +0800
Subject: [PATCH 7/7] Build 1.27.2

---
 assets/js/template.js        | 2 +-
 crud/index.html              | 4 ++--
 options/table-locale.html    | 2 +-
 package.json                 | 2 +-
 vue-starter/package.json     | 2 +-
 webpack-starter/package.json | 2 +-
 welcome.html                 | 2 +-
 welcomes/vue-component.html  | 2 +-
 8 files changed, 9 insertions(+), 9 deletions(-)

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/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 63b9e896..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.0/dist/bootstrap-table-vue.umd.js'
+    'https://cdn.jsdelivr.net/npm/bootstrap-table@1.27.2/dist/bootstrap-table-vue.umd.js'
   ]
 })
 </script>