filtre par input, on ajoute un button pour vider le champ

css/gamutable.css

@@ -181,6 +181,10 @@ td.icone i {
   margin-right: 1rem;
 }
 
+.viderInputSearch {
+  color: #ff0000;
+}
+
 /* blocks widths (percentage and pixels) */
 .w100 {
   width: 100%;

css/gamutable.scss

@@ -149,6 +149,10 @@ td.icone i {
 	margin-right: 1rem;
 }
 
+.viderInputSearch {
+	color: #ff0000;
+}
+
 /* blocks widths (percentage and pixels) */
 $i: 100;
 @while $i > 0 {

js/gamutable.es6.js

@@ -762,6 +762,12 @@ let monTableau = {
 								placeholder="Rechercher"
 								@keyup="selectValCol"
 							>
+							<button
+								v-if="filtreColType[head] === 'input' && filtreColSelected[head]"
+								@click.stop="filtreColSelected[head] = ''"
+								title="Vider ce champ"
+								class="gamutable__input--rechercher"
+							> X</button>
 						</div>
 					</th>
 				</tr>