Deploying to gh-pages from @ 42b4345 🚀

docs/about/license/index.html

@@ -89,10 +89,10 @@
   <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
     <li class="nav-item dropdown">
       <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        v1.22.1
+        v1.22.2
       </a>
       <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
-        <a class="dropdown-item active" href="/">Latest (1.22.1)</a>
+        <a class="dropdown-item active" href="/">Latest (1.22.2)</a>
 
         <a class="dropdown-item" href="http://bootstrap-table.com/versions/1.20.2/" target="_blank">v1.20.2</a>
 
@@ -377,7 +377,7 @@ <h1 class="bd-title" id="content">
           <p class="bd-lead">Commonly asked questions about Bootstrap Table’s open source license.</p>
           <div id="gg"></div>
 
-          <p>Bootstrap Table is released under the MIT license and is copyright 2023 Zhixin Wen. Boiled down to smaller chunks, it can be described with the following conditions.</p>
+          <p>Bootstrap Table is released under the MIT license and is copyright 2024 Zhixin Wen. Boiled down to smaller chunks, it can be described with the following conditions.</p>
 
 <h4 id="it-requires-you-to">It requires you to:</h4>
 
@@ -411,7 +411,7 @@ <h4 id="it-does-not-require-you-to">It does not require you to:</h4>
   <li>Submit changes that you make to Bootstrap Table back to the Bootstrap Table project (though such feedback is encouraged)</li>
 </ul>
 
-<p>The full Bootstrap Table license is located <a href="https://github.com/wenzhixin/bootstrap-table/blob/1.22.1/LICENSE">in the project repository</a> for more information.</p>
+<p>The full Bootstrap Table license is located <a href="https://github.com/wenzhixin/bootstrap-table/blob/1.22.2/LICENSE">in the project repository</a> for more information.</p>
 
         </main>
       </div>

docs/about/overview/index.html

@@ -89,10 +89,10 @@
   <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
     <li class="nav-item dropdown">
       <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        v1.22.1
+        v1.22.2
       </a>
       <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
-        <a class="dropdown-item active" href="/">Latest (1.22.1)</a>
+        <a class="dropdown-item active" href="/">Latest (1.22.2)</a>
 
         <a class="dropdown-item" href="http://bootstrap-table.com/versions/1.20.2/" target="_blank">v1.20.2</a>
 
@@ -383,7 +383,7 @@ <h2 id="team">Team</h2>
 
 <h2 id="get-involved">Get involved</h2>
 
-<p>Get involved with Bootstrap development by <a href="https://github.com/wenzhixin/bootstrap-table/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/wenzhixin/bootstrap-table/blob/v1.22.1/.github/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
+<p>Get involved with Bootstrap development by <a href="https://github.com/wenzhixin/bootstrap-table/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/wenzhixin/bootstrap-table/blob/v1.22.2/.github/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
 
         </main>
       </div>

docs/about/team/index.html

@@ -89,10 +89,10 @@
   <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
     <li class="nav-item dropdown">
       <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        v1.22.1
+        v1.22.2
       </a>
       <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
-        <a class="dropdown-item active" href="/">Latest (1.22.1)</a>
+        <a class="dropdown-item active" href="/">Latest (1.22.2)</a>
 
         <a class="dropdown-item" href="http://bootstrap-table.com/versions/1.20.2/" target="_blank">v1.20.2</a>
 
@@ -404,7 +404,7 @@ <h1 class="bd-title" id="content">
 
 </div>
 
-<p>Get involved with Bootstrap Table development by <a href="https://github.com/wenzhixin/bootstrap-table/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/wenzhixin/bootstrap-table/blob/1.22.1/.github/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
+<p>Get involved with Bootstrap Table development by <a href="https://github.com/wenzhixin/bootstrap-table/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/wenzhixin/bootstrap-table/blob/1.22.2/.github/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
 
         </main>
       </div>

docs/about/translations/index.html

@@ -89,10 +89,10 @@
   <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
     <li class="nav-item dropdown">
       <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        v1.22.1
+        v1.22.2
       </a>
       <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
-        <a class="dropdown-item active" href="/">Latest (1.22.1)</a>
+        <a class="dropdown-item active" href="/">Latest (1.22.2)</a>
 
         <a class="dropdown-item" href="http://bootstrap-table.com/versions/1.20.2/" target="_blank">v1.20.2</a>
 

docs/api/column-options/index.html

@@ -89,10 +89,10 @@
   <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
     <li class="nav-item dropdown">
       <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        v1.22.1
+        v1.22.2
       </a>
       <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
-        <a class="dropdown-item active" href="/">Latest (1.22.1)</a>
+        <a class="dropdown-item active" href="/">Latest (1.22.2)</a>
 
         <a class="dropdown-item" href="http://bootstrap-table.com/versions/1.20.2/" target="_blank">v1.20.2</a>
 
@@ -376,6 +376,7 @@
 <li class="toc-entry toc-h2"><a href="#falign">falign</a></li>
 <li class="toc-entry toc-h2"><a href="#field">field</a></li>
 <li class="toc-entry toc-h2"><a href="#footerformatter">footerFormatter</a></li>
+<li class="toc-entry toc-h2"><a href="#footerstyle">footerStyle</a></li>
 <li class="toc-entry toc-h2"><a href="#formatter">formatter</a></li>
 <li class="toc-entry toc-h2"><a href="#halign">halign</a></li>
 <li class="toc-entry toc-h2"><a href="#order">order</a></li>
@@ -762,6 +763,45 @@ <h2 id="footerformatter">footerFormatter</h2>
   </li>
 </ul>
 
+<h2 id="footerstyle">footerStyle</h2>
+
+<ul>
+  <li>
+    <p><strong>Attribute:</strong> <code class="highlighter-rouge">data-footer-style</code></p>
+  </li>
+  <li>
+    <p><strong>Type:</strong> <code class="highlighter-rouge">Function</code></p>
+  </li>
+  <li>
+    <p><strong>Detail:</strong></p>
+
+    <p>The footer style formatter function, takes one parameter:</p>
+
+    <ul>
+      <li><code class="highlighter-rouge">column</code>: the column object.</li>
+    </ul>
+
+    <p>Support <code class="highlighter-rouge">classes</code> or <code class="highlighter-rouge">css</code>. Example usage:</p>
+  </li>
+</ul>
+
+<figure class="highlight"><pre><code class="language-javascript" data-lang="javascript">  <span class="kd">function</span> <span class="nx">footerStyle</span><span class="p">(</span><span class="nx">column</span><span class="p">)</span> <span class="p">{</span>
+    <span class="k">return</span> <span class="p">{</span>
+      <span class="na">css</span><span class="p">:</span> <span class="p">{</span> <span class="dl">'</span><span class="s1">font-weight</span><span class="dl">'</span><span class="p">:</span> <span class="dl">'</span><span class="s1">normal</span><span class="dl">'</span> <span class="p">},</span>
+      <span class="na">classes</span><span class="p">:</span> <span class="dl">'</span><span class="s1">my-class</span><span class="dl">'</span>
+    <span class="p">}</span>
+  <span class="p">}</span>
+  </code></pre></figure>
+
+<ul>
+  <li>
+    <p><strong>Default:</strong> <code class="highlighter-rouge">{}</code></p>
+  </li>
+  <li>
+    <p><strong>Example:</strong> <a href="https://examples.bootstrap-table.com/#options/footer-style.html">Footer Style</a></p>
+  </li>
+</ul>
+
 <h2 id="formatter">formatter</h2>
 
 <ul>

docs/api/events/index.html

@@ -89,10 +89,10 @@
   <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
     <li class="nav-item dropdown">
       <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        v1.22.1
+        v1.22.2
       </a>
       <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
-        <a class="dropdown-item active" href="/">Latest (1.22.1)</a>
+        <a class="dropdown-item active" href="/">Latest (1.22.2)</a>
 
         <a class="dropdown-item" href="http://bootstrap-table.com/versions/1.20.2/" target="_blank">v1.20.2</a>
 
@@ -421,7 +421,7 @@ <h1 class="bd-title" id="content">
 
 <p>Binding via the options object:</p>
 
-<figure class="highlight"><pre><code class="language-html" data-lang="html">// Here, you can expect to have as the last parameter the boostrap-table object
+<figure class="highlight"><pre><code class="language-html" data-lang="html">// Here, you can expect to have as the last parameter the bootstrap-table object
 
 $('#table').bootstrapTable({
   onEventName: function (arg1, arg2, ...) {
@@ -431,7 +431,7 @@ <h1 class="bd-title" id="content">
 
 <p>Binding via the jquery event handler:</p>
 
-<figure class="highlight"><pre><code class="language-html" data-lang="html">// Here, you can expect to have in the 'e' variable the sender property, which is the boostrap-table object
+<figure class="highlight"><pre><code class="language-html" data-lang="html">// Here, you can expect to have in the 'e' variable the sender property, which is the bootstrap-table object
 
 $('#table').on('event-name.bs.table', function (e, arg1, arg2, ...) {
   // ...
@@ -622,7 +622,7 @@ <h2 id="oncolumnswitchall">onColumnSwitchAll</h2>
   <li>
     <p><strong>Detail:</strong></p>
 
-    <p>It fires when toogle all columns. The parameters contain:</p>
+    <p>It fires when toggle all columns. The parameters contain:</p>
 
     <ul>
       <li><code class="highlighter-rouge">checked</code>: the checked state of the column.</li>

docs/api/localizations/index.html

@@ -89,10 +89,10 @@
   <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
     <li class="nav-item dropdown">
       <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        v1.22.1
+        v1.22.2
       </a>
       <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
-        <a class="dropdown-item active" href="/">Latest (1.22.1)</a>
+        <a class="dropdown-item active" href="/">Latest (1.22.2)</a>
 
         <a class="dropdown-item" href="http://bootstrap-table.com/versions/1.20.2/" target="_blank">v1.20.2</a>
 
@@ -432,7 +432,7 @@ <h1 class="bd-title" id="content">
   <span class="na">locale</span><span class="p">:</span> <span class="dl">'</span><span class="s1">en</span><span class="dl">'</span>
 <span class="p">})</span></code></pre></figure>
 
-<p>List of all existing translations with their shortcodes is on <a href="https://github.com/wenzhixin/bootstrap-table/tree/develop/src/locale">Github</a></p>
+<p>List of all existing translations with their short codes is on <a href="https://github.com/wenzhixin/bootstrap-table/tree/develop/src/locale">Github</a></p>
 
 <p>You can custom the format localizations, the calling syntax:</p>
 

docs/api/methods/index.html

@@ -89,10 +89,10 @@
   <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
     <li class="nav-item dropdown">
       <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        v1.22.1
+        v1.22.2
       </a>
       <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
-        <a class="dropdown-item active" href="/">Latest (1.22.1)</a>
+        <a class="dropdown-item active" href="/">Latest (1.22.2)</a>
 
         <a class="dropdown-item" href="http://bootstrap-table.com/versions/1.20.2/" target="_blank">v1.20.2</a>
 
@@ -1447,6 +1447,8 @@ <h2 id="updatecellbyuniqueid">updateCellByUniqueId</h2>
       <li><code class="highlighter-rouge">field</code>: field name of the cell to be updated.</li>
       <li><code class="highlighter-rouge">value</code>: the new value of the cell.</li>
     </ul>
+
+    <p>To disable table re-initialization, you can set <code class="highlighter-rouge">{reinit: false}</code>.</p>
   </li>
   <li>
     <p><strong>Example:</strong> <a href="https://examples.bootstrap-table.com/#methods/update-cell-by-unique-id.html">Update Cell By Unique Id</a></p>

docs/api/table-options/index.html

@@ -89,10 +89,10 @@
   <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
     <li class="nav-item dropdown">
       <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        v1.22.1
+        v1.22.2
       </a>
       <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
-        <a class="dropdown-item active" href="/">Latest (1.22.1)</a>
+        <a class="dropdown-item active" href="/">Latest (1.22.2)</a>
 
         <a class="dropdown-item" href="http://bootstrap-table.com/versions/1.20.2/" target="_blank">v1.20.2</a>
 
@@ -600,7 +600,7 @@ <h2 id="buttons">buttons</h2>
       </li>
       <li><code class="highlighter-rouge">render</code>
         <ul>
-          <li>Description: Set this option to <code class="highlighter-rouge">false</code> to hide the button by default, the button is visible again when you add the data attribute <code class="highlighter-rouge">data-show-BUTTONNAME="true"</code>.</li>
+          <li>Description: Set this option to <code class="highlighter-rouge">false</code> to hide the button by default, the button is visible again when you add the data attribute <code class="highlighter-rouge">data-show-button-name="true"</code>.</li>
         </ul>
       </li>
       <li><code class="highlighter-rouge">attributes</code>
@@ -613,7 +613,7 @@ <h2 id="buttons">buttons</h2>
       <li><code class="highlighter-rouge">html</code>
         <ul>
           <li>Description: If you don’t want to autogenerate the html, you can use this option to insert your custom html.
-The <code class="highlighter-rouge">event</code> option only works if you custom HTML contains <code class="highlighter-rouge">name="BUTTONNAME"</code>.
+The <code class="highlighter-rouge">event</code> option only works if you custom HTML contains <code class="highlighter-rouge">name="button-name"</code>.
 If this option is used the following options will be ignored:
             <ul>
               <li><code class="highlighter-rouge">text</code></li>
@@ -1310,7 +1310,7 @@ <h2 id="footerfield">footerField</h2>
     <p><strong>Detail:</strong></p>
 
     <p>Defines the key of the footer Object (From data array or server response JSON).
-The footer Object can be used to set/define footer colspans and/or the value of the footer.
+The footer Object can be used to set/define footer colspan and/or the value of the footer.
 Only triggered when <code class="highlighter-rouge">data-pagination</code> is <code class="highlighter-rouge">true</code> and <code class="highlighter-rouge">data-side-pagination</code> is <code class="highlighter-rouge">server</code>.</p>
   </li>
 </ul>
@@ -1528,7 +1528,7 @@ <h2 id="idfield">idField</h2>
   <li>
     <p><strong>Detail:</strong></p>
 
-    <p>Indicate which field will be used as checkbox/radiobox value, its the counterpart to <a href="https://bootstrap-table.com/docs/api/table-options/#selectitemname">selectItemName</a>.</p>
+    <p>Indicate which field will be used as checkbox/radio value, its the counterpart to <a href="https://bootstrap-table.com/docs/api/table-options/#selectitemname">selectItemName</a>.</p>
   </li>
   <li>
     <p><strong>Default:</strong> <code class="highlighter-rouge">undefined</code></p>
@@ -1635,7 +1635,7 @@ <h2 id="locale">locale</h2>
 
     <ul>
       <li>First tries for the locale as specified,</li>
-      <li>Then tries the locale with ‘_’ translated to ‘-‘ and the region code uppercased,</li>
+      <li>Then tries the locale with ‘_’ translated to ‘-‘ and the region code upper cased,</li>
       <li>Then tries the short locale code (i.e. <code class="highlighter-rouge">'zh'</code> instead of <code class="highlighter-rouge">'zh-CN'</code>),</li>
       <li>And finally will use the last locale file loaded (or the default locale if no locales loaded).</li>
     </ul>

docs/extensions/addrbar/index.html

@@ -89,10 +89,10 @@
   <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
     <li class="nav-item dropdown">
       <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        v1.22.1
+        v1.22.2
       </a>
       <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
-        <a class="dropdown-item active" href="/">Latest (1.22.1)</a>
+        <a class="dropdown-item active" href="/">Latest (1.22.2)</a>
 
         <a class="dropdown-item" href="http://bootstrap-table.com/versions/1.20.2/" target="_blank">v1.20.2</a>
 

docs/extensions/auto-refresh/index.html

@@ -89,10 +89,10 @@
   <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
     <li class="nav-item dropdown">
       <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        v1.22.1
+        v1.22.2
       </a>
       <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
-        <a class="dropdown-item active" href="/">Latest (1.22.1)</a>
+        <a class="dropdown-item active" href="/">Latest (1.22.2)</a>
 
         <a class="dropdown-item" href="http://bootstrap-table.com/versions/1.20.2/" target="_blank">v1.20.2</a>
 

docs/extensions/cookie/index.html

@@ -89,10 +89,10 @@
   <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
     <li class="nav-item dropdown">
       <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        v1.22.1
+        v1.22.2
       </a>
       <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
-        <a class="dropdown-item active" href="/">Latest (1.22.1)</a>
+        <a class="dropdown-item active" href="/">Latest (1.22.2)</a>
 
         <a class="dropdown-item" href="http://bootstrap-table.com/versions/1.20.2/" target="_blank">v1.20.2</a>
 
@@ -669,7 +669,7 @@ <h3 id="cookiesenabled">cookiesEnabled</h3>
     <p>Set this array with the table properties (sortOrder, sortName, sortPriority, pageNumber, pageList, hiddenColumns, searchText, filterControl) that you want to save</p>
   </li>
   <li>
-    <p><strong>Default:</strong> <code class="highlighter-rouge">['bs.table.sortOrder', 'bs.table.sortName', 'bs.table.sortPriority', 'bs.table.pageNumber', 'bs.table.pageList', 'bs.table.hiddenColumns', 'bs.table.searchText', 'bs.table.filterControl', 'bs.table.cardView']</code></p>
+    <p><strong>Default:</strong> <code class="highlighter-rouge">['bs.table.sortOrder', 'bs.table.sortName', 'bs.table.sortPriority', 'bs.table.pageNumber', 'bs.table.pageList', 'bs.table.hiddenColumns', 'bs.table.searchText', 'bs.table.filterControl', 'bs.table.cardView', 'bs.table.customView']</code></p>
   </li>
 </ul>