1.1.6 - Search case sensitivity configurable

Author: syshex

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+### 1.1.6 (June 29, 2017)
+
+* Search case sensitivity configurable
+
 ### 1.1.5 (June 21, 2017)
 
 * Row Click Handler added

README.md

@@ -2,7 +2,7 @@
 
 vue-bootstrap-table is a sortable and searchable table, with Bootstrap styling, for Vue.js.
 
-### VUE 1 : 1.1.5
+### VUE 1 : 1.1.6
 
 ### Vue 2 : [jbaysolutions/vue2-bootstrap-table](https://github.com/jbaysolutions/vue2-bootstrap-table)
 
@@ -126,6 +126,7 @@ Or add the js script to your html (download from [releases](https://github.com/j
             :sortable="true"
             :multi-column-sortable=true
             :paginated="true"
+            :filter-case-sensitive=false
     >
     </vue-bootstrap-table>
 ```` 
@@ -174,6 +175,14 @@ Or add the js script to your html (download from [releases](https://github.com/j
             required: false,
             default: false,
         },
+        /**
+         * Define if Filter search field is to work in a case Sensitive way. Default: true
+         */
+        filterCaseSensitive: {
+            type: Boolean,
+            required: false,
+            default: true,
+        },
         /**
          * Enable/disable column picker to show/hide table columns, optional, default false
          */
@@ -462,6 +471,10 @@ If you have a feature request, please add it as an issue or make a pull request.
 
 ## Changelog
 
+### 1.1.6
+
+* Search case sensitivity configurable
+
 ### 1.1.5
 
 * Row Click Handler added

index.html

@@ -37,6 +37,7 @@ <h1>Vue Bootstrap Table</h1>
                     :multi-column-sortable="multiColumnSortable"
                     :ajax="ajax"
                     :row-click-handler=handleRowFunction
+                    :filter-case-sensitive=false
             >
             </vue-bootstrap-table>
         </div>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-bootstrap-table2",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "A sortable and searchable vue table, as a Vue component, using bootstrap styling.",
   "keywords": [
     "table",

src/VueBootstrapTable.vue

@@ -268,6 +268,14 @@
                 required: false,
                 default: false,
             },
+            /**
+             * Define if Filter search field is to work in a case Sensitive way. Default: true
+             */
+            filterCaseSensitive: {
+                type: Boolean,
+                required: false,
+                default: true,
+            },
             /**
              * Enable/disable column picker to show/hide table columns, optional, default false
              */
@@ -448,9 +456,16 @@
                     var result = this.values.filter(item => {
                                 var good = false;
                                 for (var col in self.displayColsVisible) {
-                                    if ( lodashincludes(item[self.displayColsVisible[col].name]+"" , self.filterKey+"")){
-                                        good = true;
+                                    if (self.filterCaseSensitive) {
+                                        if (lodashincludes(item[self.displayColsVisible[col].name] + "", self.filterKey + "")) {
+                                            good = true;
+                                        }
+                                    } else {
+                                        if (lodashincludes((item[self.displayColsVisible[col].name] + "").toLowerCase(), (self.filterKey + "").toLowerCase())) {
+                                            good = true;
+                                        }
                                     }
+
                                 }
                                 return good;
                     });