From 0ea7e4a8a14b41e39c8b9c4794a39803b22d1c03 Mon Sep 17 00:00:00 2001
From: wenzhixin <wenzhixin2010@gmail.com>
Date: Sun, 22 Dec 2024 03:37:22 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20wenzhixi?=
 =?UTF-8?q?n/bootstrap-table-examples@5e91e9760772012cc547610efb7b66a66a96?=
 =?UTF-8?q?ac58=20=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/js/index.js            |  4 ++--
 assets/js/template.js         |  2 +-
 extensions/addrbar.html       |  2 +-
 extensions/cookie.html        |  1 +
 for-test-bootstrap3.html      |  2 +-
 for-test-bootstrap4.html      |  2 +-
 for-test-bulma.html           |  2 +-
 for-test-foundation.html      |  2 +-
 for-test-materialize.html     |  2 +-
 for-test-semantic.html        |  2 +-
 for-test.html                 |  2 +-
 index.html                    |  4 ++--
 issues/563.html               |  2 +-
 methods/toggle-view.html      |  1 +
 options/row-style.html        | 13 +++++++++++-
 options/table-locale.html     |  2 +-
 template-bootstrap-table.html |  4 ++--
 template-bootstrap3.html      |  4 ++--
 template-bootstrap4.html      |  4 ++--
 template-bulma.html           |  4 ++--
 template-foundation.html      |  4 ++--
 template-materialize.html     |  4 ++--
 template-semantic.html        |  4 ++--
 template.html                 |  4 ++--
 welcome.html                  |  2 +-
 welcomes/from-data.html       | 38 +++++++++++++++++------------------
 welcomes/vue-component.html   |  6 +++++-
 27 files changed, 70 insertions(+), 53 deletions(-)

diff --git a/assets/js/index.js b/assets/js/index.js
index 8544b739..93458ae6 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -37,12 +37,12 @@ function loadUrl(url_) {
   if (window._config.themes.indexOf(window._config.theme) > -1) {
     template += '-' + window._config.theme
   }
-  var url = template + '.html?v=935&url=' + url_
+  var url = template + '.html?v=945&url=' + url_
   if (window._config.isDebug) {
     url = template + '.html?t=' + (+new Date()) + '&url=' + url_
   }
   if (window._config.isViewSource) {
-    url = template + '.html?v=935&view-source&url=' + url_ + '#view-source'
+    url = template + '.html?v=945&view-source&url=' + url_ + '#view-source'
   }
   $('iframe').attr('src', url)
 }
diff --git a/assets/js/template.js b/assets/js/template.js
index 266456f5..a6118bc2 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'].indexOf(location.hostname) > -1,
-  cdnUrl: 'https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/',
+  cdnUrl: 'https://cdn.jsdelivr.net/npm/bootstrap-table@1.24.0/dist/',
   localUrl: '../bootstrap-table/src/',
   testUrl: '/src/'
 }
diff --git a/extensions/addrbar.html b/extensions/addrbar.html
index 5896904d..07535412 100644
--- a/extensions/addrbar.html
+++ b/extensions/addrbar.html
@@ -23,6 +23,6 @@
     if (theme) {
       template = 'template-' + theme + '.html'
     }
-    $('#launch').attr('href', template + '?v=935&url=extensions/addrbar-page.html')
+    $('#launch').attr('href', template + '?v=945&url=extensions/addrbar-page.html')
   }
 </script>
diff --git a/extensions/cookie.html b/extensions/cookie.html
index 180a3f26..e7e530c0 100644
--- a/extensions/cookie.html
+++ b/extensions/cookie.html
@@ -43,6 +43,7 @@
       <th data-field="id" data-sortable="true">ID</th>
       <th data-field="name" data-sortable="true">Item Name</th>
       <th data-field="price" data-sortable="true">Item Price</th>
+      <th data-field="test" data-visible="false">Item Price</th>
     </tr>
   </thead>
 </table>
diff --git a/for-test-bootstrap3.html b/for-test-bootstrap3.html
index 2063451e..7278fc80 100644
--- a/for-test-bootstrap3.html
+++ b/for-test-bootstrap3.html
@@ -13,7 +13,7 @@
 
   <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 </head>
 <body>
   <div id="example"></div>
diff --git a/for-test-bootstrap4.html b/for-test-bootstrap4.html
index a5a56d88..1a5050ea 100644
--- a/for-test-bootstrap4.html
+++ b/for-test-bootstrap4.html
@@ -13,7 +13,7 @@
 
   <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 </head>
 <body>
   <div id="example"></div>
diff --git a/for-test-bulma.html b/for-test-bulma.html
index 4bd707d9..863f4a4e 100644
--- a/for-test-bulma.html
+++ b/for-test-bulma.html
@@ -12,7 +12,7 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css">
 
   <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 </head>
 <body>
   <div id="example"></div>
diff --git a/for-test-foundation.html b/for-test-foundation.html
index 98217289..7dc264a8 100644
--- a/for-test-foundation.html
+++ b/for-test-foundation.html
@@ -14,7 +14,7 @@
 
   <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/foundation-sites@6.8.1/dist/js/foundation.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 </head>
 <body>
   <div id="example"></div>
diff --git a/for-test-materialize.html b/for-test-materialize.html
index c2334693..e37a9e97 100644
--- a/for-test-materialize.html
+++ b/for-test-materialize.html
@@ -13,7 +13,7 @@
 
   <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/materialize-css@1.0.0/dist/js/materialize.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 </head>
 <body>
   <div id="example"></div>
diff --git a/for-test-semantic.html b/for-test-semantic.html
index 24d3f026..c777571a 100644
--- a/for-test-semantic.html
+++ b/for-test-semantic.html
@@ -13,7 +13,7 @@
 
   <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.5.0/dist/semantic.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 </head>
 <body>
   <div id="example"></div>
diff --git a/for-test.html b/for-test.html
index c42af710..86c34a95 100644
--- a/for-test.html
+++ b/for-test.html
@@ -13,7 +13,7 @@
 
   <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 </head>
 <body>
   <div id="example"></div>
diff --git a/index.html b/index.html
index cae6cbf1..f51017b0 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.1.0/themes/algolia-min.css">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hover.css@2.3.2/css/hover.min.css">
   <link rel="stylesheet" href="assets/css/docs.min.css">
-  <link rel="stylesheet" href="assets/css/index.css?v=935">
+  <link rel="stylesheet" href="assets/css/index.css?v=945">
   <!-- Favicons -->
   <link rel="apple-touch-icon" href="favicon.png">
   <link rel="icon" href="favicon.png">
@@ -599,5 +599,5 @@
   <script src="https://cdn.jsdelivr.net/npm/algoliasearch@3.32.0/dist/algoliasearchLite.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@3.0.0/dist/instantsearch.production.min.js"></script>
   <script src="assets/js/docs.min.js"></script>
-  <script src="assets/js/index.js?v=935"></script>
+  <script src="assets/js/index.js?v=945"></script>
 </body></html>
diff --git a/issues/563.html b/issues/563.html
index 8b2732ff..5d06dc95 100644
--- a/issues/563.html
+++ b/issues/563.html
@@ -8,7 +8,7 @@
 </script>
 
 <style>
-.active {
+.active td {
   color: red;
   font-weight: bold;
 }
diff --git a/methods/toggle-view.html b/methods/toggle-view.html
index 55497f27..60d18a73 100644
--- a/methods/toggle-view.html
+++ b/methods/toggle-view.html
@@ -19,6 +19,7 @@
   data-url="json/data1.json">
   <thead>
     <tr>
+      <th data-field="state" data-checkbox="true">ID</th>
       <th data-field="id">ID</th>
       <th data-field="name">Item Name</th>
       <th data-field="price">Item Price</th>
diff --git a/options/row-style.html b/options/row-style.html
index 1ead7e5a..1c69e21b 100644
--- a/options/row-style.html
+++ b/options/row-style.html
@@ -10,6 +10,13 @@
   })
 </script>
 
+<style>
+.table>:not(caption)>*>* {
+  color: inherit;
+  background-color: inherit;
+}
+</style>
+
 <table
   data-toggle="table"
   data-url="json/data1.json"
@@ -42,7 +49,11 @@
 
     if (index % 2 === 0 && index / 2 < classes.length) {
       return {
-        classes: classes[index / 2]
+        classes: classes[index / 2],
+        css: {
+          color: 'white',
+          'font-weight': 'bold'
+        }
       }
     }
     return {
diff --git a/options/table-locale.html b/options/table-locale.html
index 5821ca9c..72566b8e 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.23.5/dist/bootstrap-table-locale-all.min.js'
+      'https://cdn.jsdelivr.net/npm/bootstrap-table@1.24.0/dist/bootstrap-table-locale-all.min.js'
     ]
   })
 </script>
diff --git a/template-bootstrap-table.html b/template-bootstrap-table.html
index 34258851..1c422bf7 100644
--- a/template-bootstrap-table.html
+++ b/template-bootstrap-table.html
@@ -13,7 +13,7 @@
   <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/hint.css@2.6.0/hint.min.css">
   <link rel="stylesheet" href="assets/css/docs.min.css">
-  <link rel="stylesheet" href="assets/css/template.css?v=935">
+  <link rel="stylesheet" href="assets/css/template.css?v=945">
   <style>
     .form-inline .form-group {
       display: inline;
@@ -31,7 +31,7 @@
   <script src="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/marked@3.0.8/marked.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/flexibility@2.0.1/flexibility.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132747866-1"></script>
diff --git a/template-bootstrap3.html b/template-bootstrap3.html
index c0993813..66044c8e 100644
--- a/template-bootstrap3.html
+++ b/template-bootstrap3.html
@@ -15,7 +15,7 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/styles/default.min.css">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hint.css@2.6.0/hint.min.css">
   <link rel="stylesheet" href="assets/css/docs.min.css">
-  <link rel="stylesheet" href="assets/css/template.css?v=935">
+  <link rel="stylesheet" href="assets/css/template.css?v=945">
 
   <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js"></script>
@@ -23,7 +23,7 @@
   <script src="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/marked@3.0.8/marked.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/flexibility@2.0.1/flexibility.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132747866-1"></script>
diff --git a/template-bootstrap4.html b/template-bootstrap4.html
index 9a52c5f9..b7a106a6 100644
--- a/template-bootstrap4.html
+++ b/template-bootstrap4.html
@@ -13,7 +13,7 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/styles/default.min.css">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hint.css@2.6.0/hint.min.css">
   <link rel="stylesheet" href="assets/css/docs.min.css">
-  <link rel="stylesheet" href="assets/css/template.css?v=935">
+  <link rel="stylesheet" href="assets/css/template.css?v=945">
 
   <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
@@ -22,7 +22,7 @@
   <script src="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/marked@3.0.8/marked.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/flexibility@2.0.1/flexibility.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132747866-1"></script>
diff --git a/template-bulma.html b/template-bulma.html
index d2257648..7d0bf5bc 100644
--- a/template-bulma.html
+++ b/template-bulma.html
@@ -14,14 +14,14 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/styles/default.min.css">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hint.css@2.6.0/hint.min.css">
   <link rel="stylesheet" href="assets/css/docs.min.css">
-  <link rel="stylesheet" href="assets/css/template.css?v=935">
+  <link rel="stylesheet" href="assets/css/template.css?v=945">
 
   <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/sprintf-js@1.1.3/dist/sprintf.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/marked@3.0.8/marked.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/flexibility@2.0.1/flexibility.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132747866-1"></script>
diff --git a/template-foundation.html b/template-foundation.html
index 3812f0ee..2736e632 100644
--- a/template-foundation.html
+++ b/template-foundation.html
@@ -14,7 +14,7 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/styles/default.min.css">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hint.css@2.6.0/hint.min.css">
   <link rel="stylesheet" href="assets/css/docs.min.css">
-  <link rel="stylesheet" href="assets/css/template.css?v=935">
+  <link rel="stylesheet" href="assets/css/template.css?v=945">
 
   <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/foundation-sites@6.8.1/dist/js/foundation.min.js"></script>
@@ -22,7 +22,7 @@
   <script src="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/marked@3.0.8/marked.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/flexibility@2.0.1/flexibility.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132747866-1"></script>
diff --git a/template-materialize.html b/template-materialize.html
index 775f0ce7..c8c42856 100644
--- a/template-materialize.html
+++ b/template-materialize.html
@@ -14,7 +14,7 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/styles/default.min.css">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hint.css@2.6.0/hint.min.css">
   <link rel="stylesheet" href="assets/css/docs.min.css">
-  <link rel="stylesheet" href="assets/css/template.css?v=935">
+  <link rel="stylesheet" href="assets/css/template.css?v=945">
   <style>
   table.highlight {
     padding: 0;
@@ -29,7 +29,7 @@
   <script src="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/marked@3.0.8/marked.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/flexibility@2.0.1/flexibility.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132747866-1"></script>
diff --git a/template-semantic.html b/template-semantic.html
index 1d3a5dd7..e99edba0 100644
--- a/template-semantic.html
+++ b/template-semantic.html
@@ -14,7 +14,7 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/styles/default.min.css">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hint.css@2.6.0/hint.min.css">
   <link rel="stylesheet" href="assets/css/docs.min.css">
-  <link rel="stylesheet" href="assets/css/template.css?v=935">
+  <link rel="stylesheet" href="assets/css/template.css?v=945">
 
   <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.5.0/dist/semantic.min.js"></script>
@@ -22,7 +22,7 @@
   <script src="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/marked@3.0.8/marked.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/flexibility@2.0.1/flexibility.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132747866-1"></script>
diff --git a/template.html b/template.html
index 33d2fe40..122d50e8 100644
--- a/template.html
+++ b/template.html
@@ -14,7 +14,7 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/styles/default.min.css">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hint.css@2.6.0/hint.min.css">
   <link rel="stylesheet" href="assets/css/docs.min.css">
-  <link rel="stylesheet" href="assets/css/template.css?v=935">
+  <link rel="stylesheet" href="assets/css/template.css?v=945">
 
   <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
 </head>
@@ -41,7 +41,7 @@ <h2 class="bd-title" id="content">
   <script src="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/marked@3.0.8/marked.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/flexibility@2.0.1/flexibility.min.js"></script>
-  <script src="assets/js/template.js?v=935"></script>
+  <script src="assets/js/template.js?v=945"></script>
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132747866-1"></script>
diff --git a/welcome.html b/welcome.html
index a32eaa2f..3cfc35c9 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.23.5/dist/bootstrap-table-locale-all.min.js',
+      'https://cdn.jsdelivr.net/npm/bootstrap-table@1.24.0/dist/bootstrap-table-locale-all.min.js',
       'extensions/export/bootstrap-table-export.min.js'
     ]
   })
diff --git a/welcomes/from-data.html b/welcomes/from-data.html
index 4b7830e4..c5527bbb 100644
--- a/welcomes/from-data.html
+++ b/welcomes/from-data.html
@@ -22,35 +22,35 @@
 
   function mounted() {
     var data = [
-      {
-        'id': 0,
-        'name': 'Item 0',
-        'price': '$0'
+    {
+        id: 0,
+        name: 'Item 0',
+        _name_rowspan: 2,
+        price: '$0'
       },
       {
-        'id': 1,
-        'name': 'Item 1',
-        'price': '$1'
+        id: 1,
+        price: '$1'
       },
       {
-        'id': 2,
-        'name': 'Item 2',
-        'price': '$2'
+        id: 2,
+        name: 'Item 2',
+        price: '$2'
       },
       {
-        'id': 3,
-        'name': 'Item 3',
-        'price': '$3'
+        id: 3,
+        name: 'Item 3',
+        price: '$3'
       },
       {
-        'id': 4,
-        'name': 'Item 4',
-        'price': '$4'
+        id: 4,
+        name: 'Item 4',
+        price: '$4'
       },
       {
-        'id': 5,
-        'name': 'Item 5',
-        'price': '$5'
+        id: 5,
+        name: 'Item 5',
+        price: '$5'
       }
     ]
     $table.bootstrapTable({data: data})
diff --git a/welcomes/vue-component.html b/welcomes/vue-component.html
index 33109973..7ea252a3 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.23.5/dist/bootstrap-table-vue.umd.js'
+      'https://cdn.jsdelivr.net/npm/bootstrap-table@1.24.0/dist/bootstrap-table-vue.umd.js'
     ]
   })
 </script>
@@ -90,6 +90,10 @@
           showColumns: true
         })
 
+        setTimeout(() => {
+          options.value.showColumns = false
+        }, 10000)
+
         return {
           columns,
           data,