feat: 2 solutions pour ne pas jouer la css sur les liens : url_action : soit on utilise la classe url_action--ss_css ou on ajoute la class sans_css

css/gamutable.css

@@ -6,7 +6,7 @@
 	font-size: 1.2rem;
 }
 
-div.vue-input > input {
+div.vue-input>input {
 	font-size: 1.2rem;
 }
 
@@ -18,6 +18,7 @@ div.vue-input > input {
 	font-size: 1.2rem;
 	padding: 5px 5px !important;
 }
+
 .gamutable__input--filtrer:valid {
 	font-size: 1.2rem;
 	background-color: rgb(153, 153, 153);
@@ -47,9 +48,11 @@ th .vue-select {
 .gamutable--surTable input {
 	margin-bottom: 0;
 }
+
 .gamutable--surTable .gamutable-nbrMax {
 	margin-left: 2rem;
 }
+
 .gamutable--surTable .includespip {
 	margin-left: 2rem;
 }
@@ -65,10 +68,12 @@ th .vue-select {
 	display: -ms-flexbox;
 	display: flex;
 }
+
 .gamutable--pagination .page-item {
 	display: -ms-flexbox;
 	display: flex;
 }
+
 .gamutable--pagination .page-link {
 	margin: 0 0.2rem;
 	background-color: #eee;
@@ -84,9 +89,11 @@ th .vue-select {
 	font-size: 1em;
 	table-layout: auto;
 }
+
 .gamutable table thead {
 	border: 1px solid rgb(119, 119, 119);
 }
+
 .gamutable table .gt_labels {
 	display: -ms-flexbox;
 	display: flex;
@@ -95,30 +102,37 @@ th .vue-select {
 	-ms-flex-align: center;
 	align-items: center;
 }
-.gamutable table th > div {
+
+.gamutable table th>div {
 	display: -ms-flexbox;
 	display: flex;
 }
+
 .gamutable table .label_tete_colonne {
 	-ms-flex-positive: 1;
 	flex-grow: 1;
 }
+
 .gamutable table .iconeTri {
 	float: right;
 	width: calc(1em + 4px);
 }
+
 .gamutable table .iconeTri .fa {
 	padding: 2px 5px;
 	cursor: pointer;
 }
+
 .gamutable table .tri_col {
 	cursor: pointer;
 	fill: #cecece;
 }
-.gamutable table .iconeTri > .active {
+
+.gamutable table .iconeTri>.active {
 	fill: rgb(220, 53, 69);
 	color: rgb(220, 53, 69);
 }
+
 .gamutable table tbody tr:hover {
 	background-color: rgba(179, 209, 67, 0.27);
 }
@@ -139,18 +153,19 @@ th.icone {
 tr.filtreColonne th {
 	padding: 0;
 }
+
 tr.filtreColonne th select {
 	margin: 0;
 }
 
-td.icone > * {
+td.icone>* {
 	width: 100%;
 	display: block;
 	padding: 0.5rem;
 	text-align: center;
 }
 
-.gamutable .url_action {
+.gamutable .url_action:not(.sans_css) {
 	padding: 0.2rem;
 	display: -ms-inline-flexbox;
 	display: inline-flex;
@@ -158,6 +173,7 @@ td.icone > * {
 	border: 1px solid #cecece;
 	border-radius: 5px;
 }
+
 .gamutable .url_action:hover {
 	background-color: #cecece;
 }
@@ -876,4 +892,5 @@ td.icone i {
 .maxw1140p {
 	max-width: 1140px;
 }
+
 /*# sourceMappingURL=gamutable.css.map */

dist/manifest.json

@@ -3,7 +3,7 @@
     "file": "assets/vendor-f73869ed.js"
   },
   "gamutable.js": {
-    "file": "assets/gamutable-756785b2.js",
+    "file": "assets/gamutable-371e82bf.js",
     "imports": [
       "_vendor-f73869ed.js"
     ],

src/gamutable.js

@@ -2,7 +2,7 @@
 import 'vite/modulepreload-polyfill';
 
 // Vue
-import { createApp } from 'vue';
+import {createApp} from 'vue';
 
 // if importing all is too much you can always do it manually
 import GamuTable from './components/gamuTable.vue';
@@ -38,7 +38,7 @@ for (const el of document.getElementsByClassName('vue-gamutable')) {
 	i++;
 }
 
-$('#vueGamutable').on('click', '.url_action', function (e) {
+$('#vueGamutable').on('click', '.url_action, .url_action--ss_css', function (e) {
 	e.preventDefault();
 	e.stopPropagation();
 	let confirmation = $(this).data('confirm');
@@ -69,7 +69,7 @@ $('#vueGamutable').on('click', '.url_action', function (e) {
 			}
 			if (nomBlocAjaxReload !== undefined) {
 				ajaxReload(nomBlocAjaxReload, {
-					args: { id },
+					args: {id},
 					callback: function () {},
 				});
 			}