// var table = $('#tableCommandeClient').DataTable(); // Clic droit sur une ligne $('#tableCommandeClient tbody').on('contextmenu', 'tr', function(e) { e.preventDefault(); // empêche le menu du navigateur // Récupérer les données de la ligne var data = tableCommandeClient.row(this).data(); console.log("Ligne cliquée :", data); // Afficher le menu contextuel à la position du curseur $('#contextMenu') .finish() // stoppe les éventuelles animations précédentes .toggle(100) // affiche/masque avec effet .css({ top: e.pageY + "px", left: e.pageX + "px" }); }); // Clic ailleurs => fermer le menu $(document).bind("mousedown", function(e) { if (!$(e.target).parents("#contextMenu").length > 0) { $("#contextMenu").hide(100); } }); // Exemple d'action $("#action1").click(function(e) { e.preventDefault(); alert("Action 1 exécutée !"); $("#contextMenu").hide(); }); $("#action2").click(function(e) { e.preventDefault(); alert("Action 2 exécutée !"); $("#contextMenu").hide(); });