Le problème vient du fait que tu fais la jointure avant de filtrer sur idcaout avec un filtre avant la jointure, tu aura le résultat voulu SELECT list_compat_caout_filtred.id, list_compat_caout_filtred.idcaout, list_marques.id as idmarque, list_marques.marque, list_compat_caout_filtred.refmarque FRO...
essaye un var_dump($_POST); dans ton fichier api.php pour voir ce qui arrive en POST sinon vérifie avec les outils de ton navigateur le contenu de ta requète ajax
Il faut que tu insère des </tr><tr> à chaque fin de ligne, pour cela il faut compter chaque affichage et utiliser la fonction modulo (%) pour savoir quand. D'ailleurs si tu regarde ton code html généré, tu verra qu'il n'est pas correct. trop de </tr> pour un seul <tr> et 2 balise <table>
Merci pour la balise viewport, j'en avais une mais elle étais incorrecte, et comme la supprimer ne changeais rien je n'ai pas pensé qu'elle pouvait être la cause.
"Device toolbar" est l'icone en haut à droite qui ressemble à un téléphone et une tablette.