From b5451154ebb97ceb0e6eb8c7a5ad72f6cb988029 Mon Sep 17 00:00:00 2001
From: Rubanraj <rubanraj54@gmail.com>
Date: Sat, 7 Sep 2019 13:01:50 +0200
Subject: [PATCH 1/7] Update README.md

---
 README.md | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index d0bc4ee..ba2c2ef 100644
--- a/README.md
+++ b/README.md
@@ -118,6 +118,7 @@ Table of Contents
     + [16.1.3. Step 3](#1613-step-3)
     + [16.1.4. Step 4](#1614-step-4)
     + [16.1.5. Note](#1615-note)
+  * [16.2. Loader overlay](#162-loader-overlay)
 - [17. Events](#17-events)
   * [17.1. on-select-row](#171-on-select-row)
     + [17.1.1. Payload (Object)](#1711-payload--object-)
@@ -159,7 +160,7 @@ We are using **`lodash`** internally, so you don't need to install separately fo
 
 ...
 
-<script  src="https://unpkg.com/vue-bootstrap4-table@1.1.10/dist/vue-bootstrap4-table.min.js"  crossorigin="anonymous"></script>
+<script  src="https://unpkg.com/vue-bootstrap4-table@1.1.11/dist/vue-bootstrap4-table.min.js"  crossorigin="anonymous"></script>
 ```
 **Note:** If you've included bootstrap & jQuery packages already in your project, then include only **vue-bootstrap4-table.min.js** script.
 
@@ -1036,6 +1037,7 @@ You can add your custom buttons in the table by **`actions`** props and listen f
         <vue-bootstrap4-table :rows="rows"
                                 :columns="columns"
                                 :config="config"
+                                :actions="actions"
                                 @on-download="onDownload">
         </vue-bootstrap4-table>
     </div>
@@ -1222,7 +1224,8 @@ You can optionally pass config as a prop to **`vue-bootstrap4-table`** component
 	                show_refresh_button:  true,
 	                show_reset_button:  true,
 	                server_mode:  true,
-                    preservePageOnDataChange: true
+                    preservePageOnDataChange: true,
+                    loaderText: 'Updating...',
                 }
             }
         },
@@ -1259,6 +1262,7 @@ You can optionally pass config as a prop to **`vue-bootstrap4-table`** component
 | show_reset_button  |  Show/Hide Refresh button. Resets all query (sort, filter, global search) currently applied in the table. |Boolean   | true  |
 | server_mode  |  Enable/Disable server side processing (Sorting, Filtering, Global search & pagination) |Boolean   | false  |
 | preservePageOnDataChange  |  Enable/Disable preserving current index of the page on data change. For example, if this option is set to true, consider that you are in page **4** and performed some actions like sorting or filtering, then now table gets a new data and still the pagination will be in page **4**. If this config is set to false (default), for any data change current page in the pagination will be shifted to page **1**. |Boolean   | false  |
+| loaderText  |  Overrides default loading text in the loader overlay | String   | Loading...  |
 
 # 16. Server mode
 
@@ -1273,7 +1277,8 @@ In server mode, client side filtering, sorting, global search and pagination wil
                               :columns="columns"
                               :config="config"
                               @on-change-query="onChangeQuery"
-                              :totalRows="total_rows">
+                              :show-loader="showLoader"
+                              :total-rows="total_rows">
         </vue-bootstrap4-table>
     </div>
 </template>
@@ -1290,7 +1295,8 @@ In server mode, client side filtering, sorting, global search and pagination wil
                 ],
                 config: {
                     ...
-                    server_mode: true // by default false
+                    server_mode: true, // by default false
+                    loaderText: 'Updating...', // by default 'Loading...'
                     ...
                 },
                 queryParams: {
@@ -1301,11 +1307,13 @@ In server mode, client side filtering, sorting, global search and pagination wil
                     page: 1,
                 },
                 total_rows: 0,
+                showLoader: true,
             }
         },
         methods: {
             onChangeQuery(queryParams) {
                 this.queryParams = queryParams;
+                this.showLoader = true;
                 this.fetchData();
             },
             fetchData() {
@@ -1319,8 +1327,10 @@ In server mode, client side filtering, sorting, global search and pagination wil
                     .then(function(response) {
                         self.rows = response.data.data;
                         self.total_rows = response.data.total;
+                        self.showLoader = false;
                     })
                     .catch(function(error) {
+                        self.showLoader = false;
                         console.log(error);
                     });
             }
@@ -1366,6 +1376,7 @@ Then listen for the event **`on-change-query`**.
         :columns="columns"
         :config="config"
         @on-change-query="onChangeQuery"
+        :show-loader="showLoader"
         :totalRows="total_rows">
 </vue-bootstrap4-table>
 ```
@@ -1377,6 +1388,7 @@ Wherever there is a change in table query params, you will get your new query pa
 ```javascript
 onChangeQuery(queryParams) {
     this.queryParams = queryParams;
+    this.showLoader = true;
     this.fetchData();
 },
 ```
@@ -1399,9 +1411,11 @@ fetchData() {
         .then(function(response) {
             self.rows = response.data.data;
             self.total_rows = response.data.total;
+            self.showLoader = false;
         })
         .catch(function(error) {
             console.log(error);
+            self.showLoader = false;
         });
 }
 ```
@@ -1423,6 +1437,15 @@ columns: [
     ...
 ]
 ```
+
+### 16.2. Loader overlay
+
+You may need to show a loader animation over the table while your request is busy with processing data on the server. You can show/hide the loader overlay by passing the prop **`show-loader`** to **`vue-bootstrap4-table`**.
+
+If you would like to change the loader default text **`Loading...`**, you could pass your custom text in the **`config`** param **`loaderText`** https://github.com/rubanraj54/vue-bootstrap4-table#15-config.
+
+Didn't like the default loader animation ??? No problem, you can use **`loader-overlay`** slot to use your custom loader animation.
+
 # 17. Events
 
 ## 17.1. on-select-row

From 6a4c72148121306b8ed0601fa9500a34e2ad32fe Mon Sep 17 00:00:00 2001
From: Wanderlei Borba Cordeiro <wanderlei@autmaster.com.br>
Date: Wed, 5 Feb 2020 10:22:39 -0300
Subject: [PATCH 2/7] New feature made available to customize the placeholder
 in the paging component, for the "Go to page" field.

---
 package-lock.json                     | 27 ++++++++++++++++-----------
 src/App.vue                           |  5 ++++-
 src/components/Pagination.vue         | 15 ++++++++++-----
 src/components/VueBootstrap4Table.vue |  4 +++-
 4 files changed, 33 insertions(+), 18 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1dce787..117ce7f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,8 +1,7 @@
 {
   "name": "vue-bootstrap4-table",
-  "version": "1.1.2",
+  "version": "1.1.11",
   "lockfileVersion": 1,
-  "requires": true,
   "dependencies": {
     "@babel/code-frame": {
       "version": "7.0.0",
@@ -13929,6 +13928,15 @@
       "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=",
       "dev": true
     },
+    "string_decoder": {
+      "version": "1.1.1",
+      "resolved": "http://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
     "string-hash": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz",
@@ -13962,15 +13970,6 @@
         }
       }
     },
-    "string_decoder": {
-      "version": "1.1.1",
-      "resolved": "http://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "requires": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
     "strip-ansi": {
       "version": "3.0.1",
       "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
@@ -14778,6 +14777,12 @@
         }
       }
     },
+    "vue-router": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.1.5.tgz",
+      "integrity": "sha512-BszkPvhl7I9h334GjckCh7sVFyjTPMMJFJ4Bsrem/Ik+B/9gt5tgrk8k4gGLO4ZpdvciVdg7O41gW4DisQWurg==",
+      "dev": true
+    },
     "vue-style-loader": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-3.1.2.tgz",
diff --git a/src/App.vue b/src/App.vue
index 3e399d8..999c058 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,7 +9,9 @@
                               @on-select-row="onSelectRows"
                               @refresh-data="onRefreshData"
                               :show-loader="showLoader"
-                              @on-download="onDownload">
+                              @on-download="onDownload"
+                              >
+
             <template slot="pagination-info" slot-scope="props">
                         This page total is {{props.currentPageRowsLength}} |
                         Filterd results total is {{props.filteredRowsLength}} |
@@ -208,6 +210,7 @@
                     pagination_info: true,
                     num_of_visibile_pagination_buttons: 7,
                     per_page: 10,
+                    per_page_desc:"Ir para pagina",
                     page:1,
                     checkbox_rows: true,
                     highlight_row_hover: true,
diff --git a/src/components/Pagination.vue b/src/components/Pagination.vue
index 558eae4..79c4c08 100644
--- a/src/components/Pagination.vue
+++ b/src/components/Pagination.vue
@@ -58,7 +58,7 @@
                 <!-- Number of rows per page ends here -->
 
                 <div class="input-group col-sm-2">
-                    <input type="number" class="form-control" min="1" step="1" :max="totalPages" placeholder="Go to page" @keyup.enter="gotoPage" v-model.number="go_to_page">
+                    <input type="number" class="form-control" min="1" step="1" :max="totalPages" :placeholder="per_page_desc" @keyup.enter="gotoPage" v-model.number="go_to_page">
                 </div>
             </ul>
         </nav>
@@ -78,7 +78,12 @@
             },
             per_page: {
                 type: [String, Number],
-                required: true
+                required: true,
+
+            },
+            per_page_desc: {
+                type: [String],
+                default: 'Go to page',
             },
             total: {
                 type: [String, Number],
@@ -112,7 +117,7 @@
                 }
 
                 //Handle the new page
-                this.pageHandler(this.go_to_page)           
+                this.pageHandler(this.go_to_page)
             },
             pageHandler(index) {
                 if (index >= 1 && index <= this.totalPages) {
@@ -131,9 +136,9 @@
                 }
 
                 //Skip recalculating if the previous and next pages are already visible
-                if (!force && 
+                if (!force &&
                     (includes(this.range, this.page - 1) || this.page == 1) &&
-                    (includes(this.range, this.page + 1) || this.page == this.totalPages) 
+                    (includes(this.range, this.page + 1) || this.page == this.totalPages)
                 ) { return; }
 
                 //Current page is the start page minus one
diff --git a/src/components/VueBootstrap4Table.vue b/src/components/VueBootstrap4Table.vue
index 2fbc879..e55feab 100644
--- a/src/components/VueBootstrap4Table.vue
+++ b/src/components/VueBootstrap4Table.vue
@@ -241,7 +241,7 @@
                     <!-- pagination starts here -->
                     <div class="col-md-6">
                         <div v-if="pagination">
-                            <Pagination :page.sync="page" :per_page.sync="per_page" :per_page_options="per_page_options" :total="rowCount" :num_of_visibile_pagination_buttons="num_of_visibile_pagination_buttons">
+                            <Pagination :page.sync="page" :per_page.sync="per_page" :per_page_desc="per_page_desc" :per_page_options="per_page_options" :total="rowCount" :num_of_visibile_pagination_buttons="num_of_visibile_pagination_buttons">
                                 <template slot="vbt-paginataion-previous-button">
                                     <slot name="paginataion-previous-button">
                                         &laquo;
@@ -486,6 +486,8 @@ export default {
 
             this.per_page = (has(this.config, 'per_page')) ? this.config.per_page : 10;
 
+            this.per_page_desc = (has(this.config, 'per_page_desc')) ? this.config.per_page_desc : 'Go to page';
+
             this.page = (has(this.config, 'page')) ? this.config.page : 1;
 
             this.checkbox_rows = (has(this.config, 'checkbox_rows')) ? this.config.checkbox_rows : false;

From 5b22bc6fb5835f73123c33a14e5bc2fafd5e3ca3 Mon Sep 17 00:00:00 2001
From: Fotis <fotis.petrou@yourideas.gr>
Date: Wed, 9 Oct 2024 14:13:21 +0300
Subject: [PATCH 3/7] per_page_desc declaration and fixes

---
 src/components/VueBootstrap4Table.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/VueBootstrap4Table.vue b/src/components/VueBootstrap4Table.vue
index e55feab..8f397b3 100644
--- a/src/components/VueBootstrap4Table.vue
+++ b/src/components/VueBootstrap4Table.vue
@@ -181,7 +181,7 @@
                                     <!-- pagination starts here -->
                                     <div class="col-md-8">
                                         <div v-if="pagination">
-                                            <Pagination :page.sync="page" :per_page.sync="per_page" :per_page_options="per_page_options" :total="rowCount" :num_of_visibile_pagination_buttons="num_of_visibile_pagination_buttons">
+                                            <Pagination :page.sync="page" :per_page.sync="per_page" :per_page_desc="per_page_desc" :per_page_options="per_page_options" :total="rowCount" :num_of_visibile_pagination_buttons="num_of_visibile_pagination_buttons">
                                                 <template slot="vbt-paginataion-previous-button">
                                                     <slot name="paginataion-previous-button">
                                                         &laquo;
@@ -381,6 +381,7 @@ export default {
             },
             page: 1,
             per_page: 10,
+            per_page_desc: 'Go to page',
             original_rows: [],
             num_of_visibile_pagination_buttons: 5,
             temp_filtered_results: [],

From c2e5b5ab9a44cdd660e38a31969698316212a94e Mon Sep 17 00:00:00 2001
From: Fotis <fotis.petrou@yourideas.gr>
Date: Wed, 9 Oct 2024 18:12:25 +0300
Subject: [PATCH 4/7] search_by, filter_by, cleanseText properties added

---
 src/components/VueBootstrap4Table.vue | 89 +++++++++++++--------------
 1 file changed, 44 insertions(+), 45 deletions(-)

diff --git a/src/components/VueBootstrap4Table.vue b/src/components/VueBootstrap4Table.vue
index 8f397b3..cfd5d3d 100644
--- a/src/components/VueBootstrap4Table.vue
+++ b/src/components/VueBootstrap4Table.vue
@@ -406,7 +406,9 @@ export default {
                 searchDebounceRate: 60,
                 init: {
                     value: ""
-                }
+                },
+                search_by: (value, search) => (value.indexOf(search) > -1),
+                cleanseText: (value) => (value)
             },
             per_page_options : [5,10,15],
             show_refresh_button: true,
@@ -514,6 +516,8 @@ export default {
                 this.global_search.searchDebounceRate = (has(this.config.global_search, 'searchDebounceRate')) ? this.config.global_search.searchDebounceRate : 60;
                 this.global_search.class = (has(this.config.global_search, 'class')) ? this.config.global_search.class : "";
                 this.global_search.init.value = (has(this.config.global_search, 'init.value')) ? this.config.global_search.init.value: "";
+                this.global_search.search_by = (has(this.config.global_search, 'search_by')) ? this.config.global_search.search_by: this.global_search.search_by;
+                this.global_search.cleanseText = (has(this.config.global_search, 'cleanseText')) ? this.config.global_search.cleanseText: this.global_search.cleanseText;
             }
 
             this.show_refresh_button = (has(this.config, 'show_refresh_button')) ? (this.config.show_refresh_button) : true;
@@ -848,11 +852,22 @@ export default {
         },
 
         filter(resetPage = true, isInit = false) {
+
+            this.query.filters.map(filter => {
+                if (filter.type === "simple") {
+                    filter.config.case_sensitive = (has(filter.config,'case_sensitive')) ? filter.config.case_sensitive : false;
+                    filter.config.filter_by = (has(filter.config,'filter_by')) ? filter.config.filter_by : (value, filter) => (value.indexOf(filter) > -1);
+                    filter.config.cleanseText = (has(filter.config,'cleanseText')) ? filter.config.cleanseText : (value) => (value);
+                    filter.text = this.prepareSearchFilterText(filter.text, filter.config);
+                }
+                return filter;
+            });
+
             let res = filter(this.original_rows, (row) => {
                 let flag = true;
                 this.query.filters.some((filter, key) => {
                     if (filter.type === "simple") {
-                        if (this.simpleFilter(get(row, filter.name), filter.text,filter.config)) {
+                        if (this.simpleFilter(get(row, filter.name), filter.text, filter.config)) {
                             // continue to next filter
                             flag = true;
                         } else {
@@ -861,7 +876,7 @@ export default {
                             return true;
                         }
                     } else if (filter.type === "select") {
-                        if (this.multiSelectFilter(get(row, filter.name), filter.selected_options,filter.config)) {
+                        if (this.multiSelectFilter(get(row, filter.name), filter.selected_options, filter.config)) {
                             flag = true;
                         } else {
                             flag = false;
@@ -907,33 +922,37 @@ export default {
             }
         },
 
+         prepareSearchFilterText(value, config) {
+            if (typeof value !== "string") {
+                value = value.toString();
+            }
+
+            if (!config.case_sensitive) {
+                value = value.toLocaleLowerCase();
+            }
+
+            value = config.cleanseText(value)
+
+            return value;
+        },
+
         globalSearch(temp_filtered_results) {
+            let global_search_text = this.prepareSearchFilterText(this.query.global_search, this.global_search);
+
             let global_search_results = filter(temp_filtered_results, (row) =>{
 
                 let flag = false;
 
                 this.vbt_columns.some((vbt_column, key) => {
                     let value = get(row, vbt_column.name);
-                    let global_search_text = this.query.global_search;
 
                     if (value == null || typeof value === "undefined") {
                         value =  "";
                     }
 
-                    if (typeof value !== "string") {
-                        value = value.toString();
-                    }
+                    value = this.prepareSearchFilterText(value, this.global_search);
 
-                    if (typeof global_search_text !== "string") {
-                        global_search_text = global_search_text.toString();
-                    }
-
-                    if (!this.global_search.case_sensitive) {
-                        value = value.toLowerCase();
-                        global_search_text = global_search_text.toLowerCase();
-                    }
-
-                    if (value.indexOf(global_search_text) > -1) {
+                    if (this.global_search.search_by(value, global_search_text)) {
                         flag = true;
                         return;
                     }
@@ -946,53 +965,33 @@ export default {
             return global_search_results;
         },
 
-        simpleFilter(value, filter_text,config) {
+        simpleFilter(value, filter_text, config) {
 
             if (value == null || typeof value === "undefined") {
                 value =  "";
             }
 
-            if (typeof value !== "string") {
-                value = value.toString();
-            }
+            value = this.prepareSearchFilterText(value, config);
 
-            if (typeof filter_text !== "string") {
-                value = filter_text.toString();
-            }
-
-            let is_case_sensitive = (has(config,'case_sensitive')) ? config.case_sensitive : false;
-
-            if (!is_case_sensitive) {
-                value = value.toLowerCase();
-                filter_text = filter_text.toLowerCase();
-            }
-
-            return value.indexOf(filter_text) > -1;
+            return config.filter_by(value, filter_text);
         },
-        multiSelectFilter(value, selected_options,config) {
+
+        multiSelectFilter(value, selected_options, config) {
 
             if (value == null || typeof value === "undefined") {
                 value =  "";
             }
 
             if (typeof value !== "string") {
-                value = value.toString().toLowerCase();
+                value = value.toString().toLocaleLowerCase();
             } else {
-                value = value.toLowerCase();
+                value = value.toLocaleLowerCase();
             }
 
             selected_options = map(selected_options, (option) => {
-                                    return (typeof option !== "string") ? option.toString().toLowerCase() : option.toLowerCase();
+                                    return (typeof option !== "string") ? option.toString().toLocaleLowerCase() : option.toLocaleLowerCase();
                                 });
             return includes(selected_options, value);
-            // let is_case_sensitive = (has(config,'case_sensitive')) ? config.case_sensitive : false;
-
-            // if (!is_case_sensitive) {
-            //     value = value.toLowerCase();
-            //     filter_text = filter_text.toLowerCase();
-            // }
-
-            // return value.indexOf(filter_text) > -1;
         },
 
         paginateFilter() {

From b9bba627814b4aea0244e0cc04918a8884d9d953 Mon Sep 17 00:00:00 2001
From: Fotis <fotis.petrou@yourideas.gr>
Date: Wed, 9 Oct 2024 18:22:56 +0300
Subject: [PATCH 5/7] update README

---
 README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/README.md b/README.md
index ba2c2ef..3b778cc 100644
--- a/README.md
+++ b/README.md
@@ -627,6 +627,8 @@ columns: [
 | filter.debounceRate | Defines the wait time for filtering between the key strokes. Value should be in milliseconds. | Number | 60 |
 | filter.showClearButton | Show/Hide clear button in the simple filter. | Boolean | true |
 | filter.init.value | Assign initial value to the the filter before rendering the table. | String | Empty string |
+| filter.filter_by | The method to be used on filtering | Function | `(value, filter) => (value.indexOf(filter) > -1)` |
+| filter.cleanseText | The method to be used on normalizing filter texts | Function | `(value) => (value)` |
 
 ### 8.1.3. Clear button icon slot
 
@@ -794,6 +796,8 @@ You can enable or disable search text input with custom configuration as shown i
 | global_search.searchOnPressEnter | Enable/Disable global search on "enter" key press. | Boolean | false |
 | global_search.searchDebounceRate | Defines the wait time for searching between the key strokes. Value should be in milliseconds. | Number | 60 |
 | global_search.init.value | Assign initial value to the the global search filter before rendering the table. | String | Empty string |
+| global_search.search_by | The method to be used on searching | Function | `(value, search) => (value.indexOf(search) > -1)` |
+| global_search.cleanseText | The method to be used on normalizing search texts | Function | `(value) => (value)` |
 
 ## 9.3. Clear button icon slot
 

From bbefc2b3eda26c57c18c1ee4a192bba72e0b4190 Mon Sep 17 00:00:00 2001
From: Fotis <fotis.petrou@yourideas.gr>
Date: Sun, 27 Oct 2024 20:38:23 +0200
Subject: [PATCH 6/7] default sortCaseSensitive false

---
 README.md                             |  4 +-
 package-lock.json                     | 71 ++++++++++++++++++---------
 src/App.vue                           |  2 +-
 src/components/VueBootstrap4Table.vue |  4 +-
 4 files changed, 53 insertions(+), 28 deletions(-)

diff --git a/README.md b/README.md
index 3b778cc..585562f 100644
--- a/README.md
+++ b/README.md
@@ -505,7 +505,7 @@ columns: [
         sort: true, // "false" by default
         initial_sort: true, // "false" by default
         initial_sort_order: "desc", // "asc" by default
-        sortCaseSensitive: false // "true" by default
+        sortCaseSensitive: true // "false" by default
     }
 ]
 ...
@@ -516,7 +516,7 @@ columns: [
 | sort | Enable or disable sorting in column. Default value is **`false`**.|
 | initial_sort | Sort the column at the first time loading. Default value is **`false`**. This only works if **`sort`** is **`true`**. |
 | initial_sort_order | Sort the column at the first time loading based on given order. Default value is **`asc`**. This only works if **`initial_sort`** is **`true`**. |
-| sortCaseSensitive | Enable or disable case sensitive sorting. Default value is **`true`**. |
+| sortCaseSensitive | Enable or disable case sensitive sorting. Default value is **`false`**. |
 
 ## 7.3. Single column sorting
 By default single column sort mode is enabled.
diff --git a/package-lock.json b/package-lock.json
index 117ce7f..e282e27 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2,6 +2,7 @@
   "name": "vue-bootstrap4-table",
   "version": "1.1.11",
   "lockfileVersion": 1,
+  "requires": true,
   "dependencies": {
     "@babel/code-frame": {
       "version": "7.0.0",
@@ -5054,7 +5055,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -5075,12 +5077,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5095,17 +5099,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -5222,7 +5229,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -5234,6 +5242,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -5248,6 +5257,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -5255,12 +5265,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -5279,6 +5291,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -5359,7 +5372,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -5371,6 +5385,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -5456,7 +5471,8 @@
         "safe-buffer": {
           "version": "5.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -5492,6 +5508,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -5511,6 +5528,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -5554,12 +5572,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },
@@ -8258,6 +8278,7 @@
           "version": "0.1.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "kind-of": "^3.0.2",
             "longest": "^1.0.1",
@@ -8582,7 +8603,8 @@
         "is-buffer": {
           "version": "1.1.6",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "is-builtin-module": {
           "version": "1.0.0",
@@ -8681,6 +8703,7 @@
           "version": "3.2.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "is-buffer": "^1.1.5"
           }
@@ -8727,7 +8750,8 @@
         "longest": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "lru-cache": {
           "version": "4.1.3",
@@ -8993,7 +9017,8 @@
         "repeat-string": {
           "version": "1.6.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "require-directory": {
           "version": "2.1.1",
@@ -13928,15 +13953,6 @@
       "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=",
       "dev": true
     },
-    "string_decoder": {
-      "version": "1.1.1",
-      "resolved": "http://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "requires": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
     "string-hash": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz",
@@ -13970,6 +13986,15 @@
         }
       }
     },
+    "string_decoder": {
+      "version": "1.1.1",
+      "resolved": "http://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
     "strip-ansi": {
       "version": "3.0.1",
       "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
diff --git a/src/App.vue b/src/App.vue
index 999c058..d1b346a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -86,7 +86,7 @@
                 rows: [],
                 customFilters: [],
                 total_rows: 0,
-                showLoader: true,
+                showLoader: false,
                 list: [
                                 {
                                     "name" : "Irwin",
diff --git a/src/components/VueBootstrap4Table.vue b/src/components/VueBootstrap4Table.vue
index cfd5d3d..86a499d 100644
--- a/src/components/VueBootstrap4Table.vue
+++ b/src/components/VueBootstrap4Table.vue
@@ -639,7 +639,7 @@ export default {
         },
 
         isSortCaseSensitive(column) {
-            return (column.sortCaseSensitive != undefined) ? column.sortCaseSensitive : true;
+            return (column.sortCaseSensitive != undefined) ? column.sortCaseSensitive : false;
         },
 
         updateSortQuery(column) {
@@ -922,7 +922,7 @@ export default {
             }
         },
 
-         prepareSearchFilterText(value, config) {
+        prepareSearchFilterText(value, config) {
             if (typeof value !== "string") {
                 value = value.toString();
             }

From 8704525a76435db90a61de4b7331284c8d55af3d Mon Sep 17 00:00:00 2001
From: Fotis <fotis.petrou@yourideas.gr>
Date: Thu, 31 Oct 2024 14:59:58 +0200
Subject: [PATCH 7/7] default sortCaseSensitive false fix

---
 src/components/VueBootstrap4Table.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/VueBootstrap4Table.vue b/src/components/VueBootstrap4Table.vue
index 86a499d..4ade147 100644
--- a/src/components/VueBootstrap4Table.vue
+++ b/src/components/VueBootstrap4Table.vue
@@ -839,9 +839,11 @@ export default {
                 this.temp_filtered_results = orderBy(this.temp_filtered_results,
                     this.query.sort.map(sortConfig => {
                         return row => {
-                            let value = get(row,sortConfig.name);
-                            if (sortConfig.caseSensitive) return value != null ? value : '';
-                            return value != null ? value.toString().toLowerCase() : '';
+                            let value = get(row, sortConfig.name);
+                            if (typeof value == "string" && !sortConfig.caseSensitive) {
+                                return value != null ? value = value.toLocaleLowerCase() : '';
+                            }
+                            return value;
                         }
                     }),
                     orders