diff --git a/inclure/gamutable.html b/inclure/gamutable.html
index 82203c0..ee21066 100644
--- a/inclure/gamutable.html
+++ b/inclure/gamutable.html
@@ -14,6 +14,7 @@
 			urlvuebloc="[(#ENV{urlvuebloc})]"
 			url_sort_asc="#ENV{sort_asc,#GET{sort_asc}}"
 			url_sort_desc="#ENV{sort_desc,#GET{sort_desc}}"
+			filtrecolmulti="#ENV{filtrecolmulti,non}"
 			ref="montableau"
 		></mon-tableau>
 	</div>
@@ -32,6 +33,7 @@
 				urlvuebloc="[(#ENV{urlvuebloc_deux})]"
 				url_sort_asc="[(#ENV{sort_asc,#GET{sort_asc}})]"
 				url_sort_desc="[(#ENV{sort_desc,#GET{sort_desc}})]"
+				filtrecolmulti="[(#ENV{filtrecolmulti,non})]"
 				ref="montableau"
 				></mon-tableau>
 		</div>
diff --git a/js/gamutable.es6.js b/js/gamutable.es6.js
index fff1a03..46a6105 100644
--- a/js/gamutable.es6.js
+++ b/js/gamutable.es6.js
@@ -179,6 +179,9 @@ let monTableau = {
 			type: String,
 			default: 'tableau',
 		},
+		filtrecolmulti: {
+			type: String,
+		},
 	},
 	data: function () {
 		return {
@@ -236,8 +239,11 @@ let monTableau = {
 					Object.keys(this.filtreColSelected).forEach((colName) => {
 						if (rsearch) {
 							let colValue = this.filtreColSelected[colName];
-							if (colValue) {
-								if (ligne.search[colName] !== colValue) {
+							if (!Array.isArray(colValue)) {
+								colValue = [colValue];
+							}
+							if (colValue.filter((w) => w.length > 0).length) {
+								if (colValue.filter((w) => w.length > 0).indexOf(ligne.search[colName]) === -1) {
 									rsearch = false;
 								}
 							}
@@ -273,21 +279,26 @@ let monTableau = {
 			localStorage.setItem(this.nameLocalStorage, JSON.stringify($table));
 		},
 		tableau() {
-			this.filtreCol.forEach((col) => {
-				let Tval = [''];
-				this.tableau.forEach((t) => {
-					let valCol = t.search[col];
-					if (Tval.indexOf(valCol) === -1) {
-						Tval.push(valCol);
-						this.filtreColValOk = true;
-					}
-				});
-				this.filtreColVal[col] = Tval;
-			});
+			// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+			// Si on veut filtrer la liste des options dynamique en fonction
+			// du tri du tableau
+			// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+			//this.filtreCol.forEach((col) => {
+			//let Tval = [''];
+			//this.tableau.forEach((t) => {
+			//let valCol = t.search[col];
+			//if (Tval.indexOf(valCol) === -1) {
+			//Tval.push(valCol);
+			//this.filtreColValOk = true;
+			//}
+			//});
+			//this.filtreColVal[col] = Tval;
+			//});
 		},
 	},
 	methods: {
 		selectValCol() {
+			//console.log(this.filtreColSelected);
 			this.filtreColModif++;
 		},
 		calculer_nameLocalStorage() {
@@ -346,6 +357,16 @@ let monTableau = {
 					}
 					if (config.filtreCol !== undefined) {
 						this.filtreCol = config.filtreCol;
+						this.filtreCol.forEach((col) => {
+							let Tval = [''];
+							this.table.forEach((t) => {
+								let valCol = t.search[col];
+								if (Tval.indexOf(valCol) === -1) {
+									Tval.push(valCol);
+								}
+							});
+							this.filtreColVal[col] = Tval;
+						});
 					}
 					Vue.nextTick(() => {
 						this.chargement = false;
@@ -512,7 +533,16 @@ let monTableau = {
 				<tr v-if="filtreCol.length" class="filtreColonne">
 					<th v-for="(label,head,i) in header" :key="'filtreCol_'+i">
 						<div v-if="filtreCol.indexOf(head) !== -1" :id="'filtreCol_'+head">
-							<select class="filtrerCol" v-model="filtreColSelected[head]">
+							<select class="filtrerCol" v-model="filtreColSelected[head]" v-if="filtrecolmulti !== 'non'" multiple>
+								<option
+								v-for="(option,j) in filtreColVal[head]"
+								:value="option"
+								@click="selectValCol"
+								>
+								{{j === 0 ? "Tous" : option}}
+								</option>
+							</select>
+							<select class="filtrerCol" v-model="filtreColSelected[head]" v-else>
 								<option
 								v-for="(option,j) in filtreColVal[head]"
 								:value="option"
diff --git a/js/gamutable.js b/js/gamutable.js
index 5e06f3e..f0f1316 100644
--- a/js/gamutable.js
+++ b/js/gamutable.js
@@ -227,6 +227,9 @@ var monTableau = {
     vueblocdefaut: {
       type: String,
       default: 'tableau'
+    },
+    filtrecolmulti: {
+      type: String
     }
   },
   data: function data() {
@@ -288,8 +291,16 @@ var monTableau = {
           if (rsearch) {
             var colValue = _this2.filtreColSelected[colName];
 
-            if (colValue) {
-              if (ligne.search[colName] !== colValue) {
+            if (!Array.isArray(colValue)) {
+              colValue = [colValue];
+            }
+
+            if (colValue.filter(function (w) {
+              return w.length > 0;
+            }).length) {
+              if (colValue.filter(function (w) {
+                return w.length > 0;
+              }).indexOf(ligne.search[colName]) === -1) {
                 rsearch = false;
               }
             }
@@ -319,27 +330,26 @@ var monTableau = {
       }].concat(_toConsumableArray(this.table));
       localStorage.setItem(this.nameLocalStorage, JSON.stringify($table));
     },
-    tableau: function tableau() {
-      var _this3 = this;
-
-      this.filtreCol.forEach(function (col) {
-        var Tval = [''];
-
-        _this3.tableau.forEach(function (t) {
-          var valCol = t.search[col];
-
-          if (Tval.indexOf(valCol) === -1) {
-            Tval.push(valCol);
-            _this3.filtreColValOk = true;
-          }
-        });
-
-        _this3.filtreColVal[col] = Tval;
-      });
+    tableau: function tableau() {// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+      // Si on veut filtrer la liste des options dynamique en fonction
+      // du tri du tableau
+      // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+      //this.filtreCol.forEach((col) => {
+      //let Tval = [''];
+      //this.tableau.forEach((t) => {
+      //let valCol = t.search[col];
+      //if (Tval.indexOf(valCol) === -1) {
+      //Tval.push(valCol);
+      //this.filtreColValOk = true;
+      //}
+      //});
+      //this.filtreColVal[col] = Tval;
+      //});
     }
   },
   methods: {
     selectValCol: function selectValCol() {
+      //console.log(this.filtreColSelected);
       this.filtreColModif++;
     },
     calculer_nameLocalStorage: function calculer_nameLocalStorage() {
@@ -350,7 +360,7 @@ var monTableau = {
       return '';
     },
     chargerJson: function chargerJson(id) {
-      var _this4 = this;
+      var _this3 = this;
 
       var url = this.apiuri;
 
@@ -386,42 +396,56 @@ var monTableau = {
         return response.json();
       }).then(function (data) {
         var config = data.shift();
-        _this4.header = config.header;
+        _this3.header = config.header;
 
         if (config.crayons !== undefined) {
-          _this4.crayons = config.crayons;
+          _this3.crayons = config.crayons;
         }
 
         if (config.classes !== undefined) {
-          _this4.classes = config.classes;
+          _this3.classes = config.classes;
         }
 
         if (parseInt(id) > 0) {
           if (data.length > 0) {
-            var i = trouver_index(_this4.table, id);
-            _this4.table[i] = data[0];
+            var i = trouver_index(_this3.table, id);
+            _this3.table[i] = data[0];
           } else {
-            var _i2 = trouver_index(_this4.table, id);
+            var _i2 = trouver_index(_this3.table, id);
 
-            _this4.table.splice(_i2, 1);
+            _this3.table.splice(_i2, 1);
           }
         } else {
-          _this4.table = data;
+          _this3.table = data;
 
           if (data[0] && data[0].search) {
-            _this4.champ_search = 'search';
+            _this3.champ_search = 'search';
           }
         }
 
         if (config.filtreCol !== undefined) {
-          _this4.filtreCol = config.filtreCol;
+          _this3.filtreCol = config.filtreCol;
+
+          _this3.filtreCol.forEach(function (col) {
+            var Tval = [''];
+
+            _this3.table.forEach(function (t) {
+              var valCol = t.search[col];
+
+              if (Tval.indexOf(valCol) === -1) {
+                Tval.push(valCol);
+              }
+            });
+
+            _this3.filtreColVal[col] = Tval;
+          });
         }
 
         Vue.nextTick(function () {
-          _this4.chargement = false;
+          _this3.chargement = false;
 
           if ($_id > 0) {
-            _this4.selectLigne($_id, 'id');
+            _this3.selectLigne($_id, 'id');
 
             var _url = new URL(window.location);
 
@@ -506,7 +530,7 @@ var monTableau = {
       }
     },
     exportCSV: function exportCSV() {
-      var _this5 = this;
+      var _this4 = this;
 
       var $csv = [];
       var $header = [];
@@ -516,7 +540,7 @@ var monTableau = {
       });
       $tableau = this.tableau.reduce(function (acc, ligne) {
         var $uneLigne = [];
-        Object.values(ligne[_this5.champcsv]).forEach(function (l) {
+        Object.values(ligne[_this4.champcsv]).forEach(function (l) {
           return $uneLigne.push(l);
         });
         return [].concat(_toConsumableArray(acc), [[].concat($uneLigne)]);
@@ -535,7 +559,7 @@ var monTableau = {
       this.quelleVue = vue;
     }
   },
-  template: "\n\t<div class=\"gamutable\">\n\t\t<div class=\"gamutable--surTable\">\n\t\t\t<select id=\"parPage\" v-model=\"parPageSelect\">\n\t\t\t\t<option v-for=\"v in tparpage\" :key=\"v\">{{v}}</option>\n\t\t\t</select>\n\t\t\t<input class=\"gamutable--rechercher\" type=\"text\" v-model=\"search\" placeholder=\"Rechercher\">\n\n\t\t\t<button class=\"btn gamutable--resetOrderBy\" type=\"button\" @click.stop=\"resetTri()\"\n\t\t\t\ttitle=\"R\xE9initialiser les tris des colonnes\">\n\t\t\t\t<i class=\"fa fa-repeat fas fa-redo\">\n\t\t\t</button>\n\n\t\t\t<button class=\"btn gamutable--vueTable\" title=\"Switcher en Vue tableau\"\n\t\t\t\t@click.stop=\"changerVue('tableau')\"\n\t\t\t\tv-if=\"this.vuebloc\"\n\t\t\t\tv-show=\"this.quelleVue === 'bloc'\">\n\t\t\t\t<i class=\"fas fa fa-table\">\n\t\t\t</button>\n\n\t\t\t<button class=\"btn gamutable--vueBloc\" title=\"Switcher en Vue Bloc\"\n\t\t\t\t@click.stop=\"changerVue('bloc')\"\n\t\t\t\tv-if=\"this.vuebloc\"\n\t\t\t\tv-show=\"this.quelleVue === 'tableau'\">\n\t\t\t\t<i class=\"fas fa fa-th-large\">\n\t\t\t</button>\n\t\t\t<button class=\"btn gamutable--exportCSV\" type=\"button\" @click.stop=\"exportCSV()\"\n\t\t\t\tv-show=\"this.namecsv\"\n\t\t\t\ttitle=\"Exporter le tableau affich\xE9 en csv\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fa-file-excel-o fas fa-file-csv\" aria-hidden=\"true\"></i>\n\t\t\t</button>\n\t\t\t<span v-show=\"chargement\" class=\"rouge\">\n\t\t\t\t<i class=\"fa fa-refresh fa-spin fa-fw rouge fas fa-sync fa-spin\"></i>\n\t\t\t\t<span class=\"texteMajBDD\">\n\t\t\t\t\tMise \xE0 jour de la base de donn\xE9e\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t\t<span v-show=\"!chargement\" class=\"btn verte\" style=\"cursor:auto;\"\n\t\t\t\ttitle=\"Base de donn\xE9e synchronis\xE9e !\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fas fa-database\"></i>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"vueBlocs\" v-if=\"quelleVue === 'bloc'\">\n\t\t\t<div class=\"vueBlocs-unbloc\"\n\t\t\tv-for=\"(ligne) in tableau\"\n\t\t\t:key=ligne.id\n\t\t\tv-html=replaceBloc(ligne.html)\n\t\t\t>\n\t\t\t</div>\n\t\t</div>\n\t\t<table class=\"table table--zebra\" v-if=\"quelleVue === 'tableau'\">\n\t\t\t<thead>\n\t\t\t\t<tr>\n\t\t\t\t\t<th v-for=\"(label,head,i) in header\" :key=\"'head_'+i\" :class=\"[head,classes[head]]\">\n\t\t\t\t\t\t<span v-html=\"label\"></span>\n\t\t\t\t\t\t<span class=\"iconeTri\">\n\t\t\t\t\t\t\t<i class=\"fa fa-sort-asc fa-sort-up\" :class=\"ordreActif(head, 'asc')\" aria-hidden=\"true\" @click.stop=\"tri(head,'asc')\"></i>\n\t\t\t\t\t\t\t<i class=\"fa fa-sort-desc fa-sort-down\":class=\"ordreActif(head, 'desc')\" aria-hidden=\"true\" @click.stop=\"tri(head,'desc')\" ></i>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t\t<tr v-if=\"filtreCol.length\" class=\"filtreColonne\">\n\t\t\t\t\t<th v-for=\"(label,head,i) in header\" :key=\"'filtreCol_'+i\">\n\t\t\t\t\t\t<div v-if=\"filtreCol.indexOf(head) !== -1\" :id=\"'filtreCol_'+head\">\n\t\t\t\t\t\t\t<select class=\"filtrerCol\" v-model=\"filtreColSelected[head]\">\n\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\tv-for=\"(option,j) in filtreColVal[head]\"\n\t\t\t\t\t\t\t\t:value=\"option\"\n\t\t\t\t\t\t\t\t@click=\"selectValCol\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{j === 0 ? \"Tous\" : option}}\n\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t</select>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t<tr v-for=\"l in tableau\" :key=\"l.html.id\" :class=\"selectTr.indexOf(l.html.id) !== -1 ? 'select' : ''\" >\n\t\t\t\t\t<td v-for=\"(td,name, i) in l.html\" :key=\"'td_'+i\" :class=\"[afficher_crayons(name,l.html.id), name, classes[name]]\" v-html=\"td\" @click=\"selectLigne(l.html.id,name)\">\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</tbody>\n\t\t</table>\n\t\t<div class=\"gamutable--sousTable\">\n\t\t\t<div class=\"gamutable-nbrMax\">{{tableau.length}} / {{table.length}} \xE9l\xE9ments</div>\n\t\t\t<div class=\"gamutable--pagination\">\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-if=\"page != 1\" @click=\"page=1\"> Start </button>\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-if=\"page != 1\" @click=\"page--\"> Previous </button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-for=\"pageNumber in pages.slice(page-1, page+5)\" @click=\"page = pageNumber\"> {{pageNumber}} </button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" @click=\"page++\" v-if=\"page < pages.length\" class=\"page-link\"> Next </button>\n\t\t\t\t\t<button type=\"button\" @click=\"page=pages.length\" v-if=\"page < pages.length\" class=\"page-link\"> Last </button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>"
+  template: "\n\t<div class=\"gamutable\">\n\t\t<div class=\"gamutable--surTable\">\n\t\t\t<select id=\"parPage\" v-model=\"parPageSelect\">\n\t\t\t\t<option v-for=\"v in tparpage\" :key=\"v\">{{v}}</option>\n\t\t\t</select>\n\t\t\t<input class=\"gamutable--rechercher\" type=\"text\" v-model=\"search\" placeholder=\"Rechercher\">\n\n\t\t\t<button class=\"btn gamutable--resetOrderBy\" type=\"button\" @click.stop=\"resetTri()\"\n\t\t\t\ttitle=\"R\xE9initialiser les tris des colonnes\">\n\t\t\t\t<i class=\"fa fa-repeat fas fa-redo\">\n\t\t\t</button>\n\n\t\t\t<button class=\"btn gamutable--vueTable\" title=\"Switcher en Vue tableau\"\n\t\t\t\t@click.stop=\"changerVue('tableau')\"\n\t\t\t\tv-if=\"this.vuebloc\"\n\t\t\t\tv-show=\"this.quelleVue === 'bloc'\">\n\t\t\t\t<i class=\"fas fa fa-table\">\n\t\t\t</button>\n\n\t\t\t<button class=\"btn gamutable--vueBloc\" title=\"Switcher en Vue Bloc\"\n\t\t\t\t@click.stop=\"changerVue('bloc')\"\n\t\t\t\tv-if=\"this.vuebloc\"\n\t\t\t\tv-show=\"this.quelleVue === 'tableau'\">\n\t\t\t\t<i class=\"fas fa fa-th-large\">\n\t\t\t</button>\n\t\t\t<button class=\"btn gamutable--exportCSV\" type=\"button\" @click.stop=\"exportCSV()\"\n\t\t\t\tv-show=\"this.namecsv\"\n\t\t\t\ttitle=\"Exporter le tableau affich\xE9 en csv\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fa-file-excel-o fas fa-file-csv\" aria-hidden=\"true\"></i>\n\t\t\t</button>\n\t\t\t<span v-show=\"chargement\" class=\"rouge\">\n\t\t\t\t<i class=\"fa fa-refresh fa-spin fa-fw rouge fas fa-sync fa-spin\"></i>\n\t\t\t\t<span class=\"texteMajBDD\">\n\t\t\t\t\tMise \xE0 jour de la base de donn\xE9e\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t\t<span v-show=\"!chargement\" class=\"btn verte\" style=\"cursor:auto;\"\n\t\t\t\ttitle=\"Base de donn\xE9e synchronis\xE9e !\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fas fa-database\"></i>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"vueBlocs\" v-if=\"quelleVue === 'bloc'\">\n\t\t\t<div class=\"vueBlocs-unbloc\"\n\t\t\tv-for=\"(ligne) in tableau\"\n\t\t\t:key=ligne.id\n\t\t\tv-html=replaceBloc(ligne.html)\n\t\t\t>\n\t\t\t</div>\n\t\t</div>\n\t\t<table class=\"table table--zebra\" v-if=\"quelleVue === 'tableau'\">\n\t\t\t<thead>\n\t\t\t\t<tr>\n\t\t\t\t\t<th v-for=\"(label,head,i) in header\" :key=\"'head_'+i\" :class=\"[head,classes[head]]\">\n\t\t\t\t\t\t<span v-html=\"label\"></span>\n\t\t\t\t\t\t<span class=\"iconeTri\">\n\t\t\t\t\t\t\t<i class=\"fa fa-sort-asc fa-sort-up\" :class=\"ordreActif(head, 'asc')\" aria-hidden=\"true\" @click.stop=\"tri(head,'asc')\"></i>\n\t\t\t\t\t\t\t<i class=\"fa fa-sort-desc fa-sort-down\":class=\"ordreActif(head, 'desc')\" aria-hidden=\"true\" @click.stop=\"tri(head,'desc')\" ></i>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t\t<tr v-if=\"filtreCol.length\" class=\"filtreColonne\">\n\t\t\t\t\t<th v-for=\"(label,head,i) in header\" :key=\"'filtreCol_'+i\">\n\t\t\t\t\t\t<div v-if=\"filtreCol.indexOf(head) !== -1\" :id=\"'filtreCol_'+head\">\n\t\t\t\t\t\t\t<select class=\"filtrerCol\" v-model=\"filtreColSelected[head]\" v-if=\"filtrecolmulti !== 'non'\" multiple>\n\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\tv-for=\"(option,j) in filtreColVal[head]\"\n\t\t\t\t\t\t\t\t:value=\"option\"\n\t\t\t\t\t\t\t\t@click=\"selectValCol\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{j === 0 ? \"Tous\" : option}}\n\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t</select>\n\t\t\t\t\t\t\t<select class=\"filtrerCol\" v-model=\"filtreColSelected[head]\" v-else>\n\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\tv-for=\"(option,j) in filtreColVal[head]\"\n\t\t\t\t\t\t\t\t:value=\"option\"\n\t\t\t\t\t\t\t\t@click=\"selectValCol\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{j === 0 ? \"Tous\" : option}}\n\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t</select>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t<tr v-for=\"l in tableau\" :key=\"l.html.id\" :class=\"selectTr.indexOf(l.html.id) !== -1 ? 'select' : ''\" >\n\t\t\t\t\t<td v-for=\"(td,name, i) in l.html\" :key=\"'td_'+i\" :class=\"[afficher_crayons(name,l.html.id), name, classes[name]]\" v-html=\"td\" @click=\"selectLigne(l.html.id,name)\">\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</tbody>\n\t\t</table>\n\t\t<div class=\"gamutable--sousTable\">\n\t\t\t<div class=\"gamutable-nbrMax\">{{tableau.length}} / {{table.length}} \xE9l\xE9ments</div>\n\t\t\t<div class=\"gamutable--pagination\">\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-if=\"page != 1\" @click=\"page=1\"> Start </button>\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-if=\"page != 1\" @click=\"page--\"> Previous </button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-for=\"pageNumber in pages.slice(page-1, page+5)\" @click=\"page = pageNumber\"> {{pageNumber}} </button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" @click=\"page++\" v-if=\"page < pages.length\" class=\"page-link\"> Next </button>\n\t\t\t\t\t<button type=\"button\" @click=\"page=pages.length\" v-if=\"page < pages.length\" class=\"page-link\"> Last </button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>"
 };
 var gamuTable = {
   components: {