From 80224cc2142868dac60971f74cc7632d2c01e325 Mon Sep 17 00:00:00 2001
From: Matthias Perret <moussadedijon@gmail.com>
Date: Sat, 19 Dec 2020 15:09:15 +0100
Subject: [PATCH 1/4] Fixed issue 459: StyleClass for column filters

---
 .gitignore                                           |  2 ++
 dev/App.vue                                          |  1 +
 src/components/VgtFilterRow.vue                      | 11 +++++++++--
 vp-docs/guide/configuration/column-filter-options.md |  8 +++++++-
 4 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/.gitignore b/.gitignore
index b997939d..a24a9c28 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
+/.idea
+
 .DS_Store
 npm-debug.log
 node_modules/
diff --git a/dev/App.vue b/dev/App.vue
index a4401ab4..f5fc91c8 100644
--- a/dev/App.vue
+++ b/dev/App.vue
@@ -81,6 +81,7 @@ export default {
           filterOptions: {
             enabled: true,
             filterDropdownItems: ['24', '16', '30'],
+            styleClass: 'class1'
             // filterDropdownItems: [
             //   {
             //     value: 24,
diff --git a/src/components/VgtFilterRow.vue b/src/components/VgtFilterRow.vue
index 8b76ae5f..3257f0b6 100644
--- a/src/components/VgtFilterRow.vue
+++ b/src/components/VgtFilterRow.vue
@@ -2,9 +2,11 @@
 <tr v-if="hasFilterRow">
   <th v-if="lineNumbers"></th>
   <th v-if="selectable"></th>
-  <th class="filter-th"
+  <th
     v-for="(column, index) in columns" :key="index"
-    v-if="!column.hidden">
+    v-if="!column.hidden"
+    :class="getClasses(column)"
+    >
 
     <slot
         name="column-filter"
@@ -128,6 +130,11 @@ export default {
         && typeof column.filterOptions.filterDropdownItems[0] !== 'object';
     },
 
+    getClasses(column) {
+      const firstClass = 'filter-th';
+      return (column.filterOptions && column.filterOptions.styleClass) ? [firstClass, ...column.filterOptions.styleClass.split(' ')].join(' ') : firstClass;
+    },
+
     // get column's defined placeholder or default one
     getPlaceholder(column) {
       const placeholder = (this.isFilterable(column) && column.filterOptions.placeholder) || `Filter ${column.label}`;
diff --git a/vp-docs/guide/configuration/column-filter-options.md b/vp-docs/guide/configuration/column-filter-options.md
index d694e84f..c30c0c6a 100644
--- a/vp-docs/guide/configuration/column-filter-options.md
+++ b/vp-docs/guide/configuration/column-filter-options.md
@@ -12,6 +12,7 @@ columns: [
     label: 'name',
     field: 'user_name',
     filterOptions: {
+      classStyle: 'class1', // class to be added to the parent th element
   	  enabled: true, // enable filter for this column
       placeholder: 'Filter This Thing', // placeholder for filter input
       filterValue: 'Jane', // initial populated value for this filter
@@ -24,6 +25,11 @@ columns: [
 ]
 ```
 
+## classStyle
+
+type: `string`
+Class to be added to the parent th element. You can specify several classes separated by a space.
+
 ## enabled
 
 type: `Boolean`
@@ -73,4 +79,4 @@ filterFn: function(data, filterString) {
   return data >= x - 5 && data <= x + 5;
 }
 // would create a filter matching numbers within 5 of the provided value
-```
\ No newline at end of file
+```

From 8940cf2b46bdfe8df2f2d2d736ddf7021c6466a0 Mon Sep 17 00:00:00 2001
From: Matthias Perret <moussadedijon@gmail.com>
Date: Mon, 21 Dec 2020 21:53:26 +0100
Subject: [PATCH 2/4] Cancel gitignore update

---
 .gitignore | 2 --
 1 file changed, 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index a24a9c28..b997939d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,3 @@
-/.idea
-
 .DS_Store
 npm-debug.log
 node_modules/

From 9d84cf0df935741e8e9d26b0126c4e1e102ed4e6 Mon Sep 17 00:00:00 2001
From: Matthias Perret <moussadedijon@gmail.com>
Date: Sat, 9 Jan 2021 11:37:27 +0100
Subject: [PATCH 3/4] Update column-filter-options.md

---
 vp-docs/guide/configuration/column-filter-options.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/vp-docs/guide/configuration/column-filter-options.md b/vp-docs/guide/configuration/column-filter-options.md
index c30c0c6a..9cf9211d 100644
--- a/vp-docs/guide/configuration/column-filter-options.md
+++ b/vp-docs/guide/configuration/column-filter-options.md
@@ -25,7 +25,7 @@ columns: [
 ]
 ```
 
-## classStyle
+## styleClass
 
 type: `string`
 Class to be added to the parent th element. You can specify several classes separated by a space.

From b1116f599bc153b792a604aaad9fbc0335930c08 Mon Sep 17 00:00:00 2001
From: Matthias Perret <moussadedijon@gmail.com>
Date: Sat, 9 Jan 2021 11:39:06 +0100
Subject: [PATCH 4/4] Update column-filter-options.md

---
 vp-docs/guide/configuration/column-filter-options.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/vp-docs/guide/configuration/column-filter-options.md b/vp-docs/guide/configuration/column-filter-options.md
index 9cf9211d..296bd466 100644
--- a/vp-docs/guide/configuration/column-filter-options.md
+++ b/vp-docs/guide/configuration/column-filter-options.md
@@ -12,7 +12,7 @@ columns: [
     label: 'name',
     field: 'user_name',
     filterOptions: {
-      classStyle: 'class1', // class to be added to the parent th element
+	  styleClass: 'class1', // class to be added to the parent th element
   	  enabled: true, // enable filter for this column
       placeholder: 'Filter This Thing', // placeholder for filter input
       filterValue: 'Jane', // initial populated value for this filter