Doc : documentation pour le header_top + un peu de CSS

README.md

@@ -77,6 +77,7 @@ Choisir entre la version minifiée de vuejs (sans le debug) ou la version de dev
 
 - &trier=champ1|asc => OK
 - &filtrer=champ1|valeur1,champ2|valeur2 => OK
+- &filtrer=statut|publie,statut|prop => OK
 - &afficher=50 => OK
 - &rechercher=toto => OK
 
@@ -158,6 +159,15 @@ Choisir entre la version minifiée de vuejs (sans le debug) ou la version de dev
   - par défaut `gamutableUn` si le bouton est dans `gamutableUn`, `gamutableDeux` si il est dans `gamutableDeux`
   - possibilité d'ajouter à la balise `<a>` qui déclenche l'action un `data-treload` = `1` | `2` | `12` pour forcer le rechargement de l'un ou l'autre ou les deux gamutables
 
+## Ajouter une ligne d'en-tête avec colspan
+
+```json
+	"header_top":{
+		"Factures": {"class":"facture", "colspan" :7},
+		"MONTANT FACTURE": {"class":"montant_facture", "colspan" :3}
+	},
+```
+
 ## Utiliser les crayons :
 
 ```json
@@ -342,7 +352,7 @@ ou
 
 ## cellule checkbox
 
-Il est possible d'ajouter pour une colonne des checbox qui declencheront soit une action, soit l'appel d'un formulaire.
+Il est possible d'ajouter pour une colonne des checkbox qui declencheront soit une action, soit l'appel d'un formulaire.
 
 1. il faut ajouter dans le header la cle checkbox (cf ex) pour definir l'url du payload de type action ou page= (formulaire)
    avec comme nom de premier parametre : data qui sera transformer en php via :

css/gamutable.css

@@ -118,6 +118,13 @@ th .vue-select {
 	table-layout: auto;
 }
 
+.gamutable table .header_top th {
+	text-transform: uppercase;
+	text-align: center;
+}
+.gamutable table .header_top th,  .gamutable table th.span_g {
+	border-left: 1px solid rgb(184, 184, 184);
+}
 .gamutable table thead {
 	border: 1px solid rgb(119, 119, 119);
 }